Effects controller
- Source:
Classes
Members
(inner) effects :Object
effects object
Type:
- Object
- Source:
(inner) element :HTMLElement
element
Type:
- HTMLElement
- Source:
Methods
(inner) anyEffect(element, event, end)
just applies css
Parameters:
| Name | Type | Description | ||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
element |
HTMLElement | |||||||||||||||||||||
event |
object | event
Properties
|
||||||||||||||||||||
end |
function |
- Source:
(inner) constructor(element)
inits effects
Parameters:
| Name | Type | Description |
|---|---|---|
element |
HTMLElement | which element will be controlled |
- Source:
(inner) dim(time, easing, timeout, styles, elementopt, beforeShowopt)
handles dim effect: it blacks the element and after that shows it again
Parameters:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
time |
number | |||
easing |
string | css transition easing | ||
timeout |
number | timeout before showing | ||
styles |
object | css styles | ||
element |
HTMLElement |
<optional> |
this.element | |
beforeShow |
function |
<optional> |
- Source:
(inner) handleEffect(name, time, easing, timeout, styles, element)
handles effect by its name.
Parameters:
| Name | Type | Description |
|---|---|---|
name |
string | effect name |
time |
number | |
easing |
string | |
timeout |
number | |
styles |
object | |
element |
HTMLElement |
- Source:
- See:
-
- Effects#dim
- Effects#opacity
(inner) opacity(time, easing, timeoutnullable, styles, element)
handles opacity effect
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
time |
number | ||
easing |
string | css transition easing | |
timeout |
number |
<nullable> |
|
styles |
object | css styles | |
element |
HTMLElement |
- Source: