View Source PhoenixDuskmoon.Fun.Element (PhoenixDuskmoon v6.0.0)
Duskmoon UI Fun Element components
Summary
Functions
Generates a atom effect
Generates a eclipse effect
Generates bubbles fly up from this element.
Generates a plasma ball effect
Generates snowflakes, bubbles or unicode ❆
.
Functions
Generates a atom effect
Example
<PhoenixDuskmoon.Fun.Element.dmf_atom />
Attributes
id
(:any
) - html attribute id. Defaults tonil
.class
(:any
) - html attribute class. Defaults to""
.size
(:string
) - size. Defaults to"200px"
.atom_color
(:string
) - atom color. Defaults to"#00d8ff"
.electron_color
(:string
) - electron color. Defaults to"#99f8ff"
.
Generates a eclipse effect
Example
<PhoenixDuskmoon.Fun.Element.dmf_eclipse
/>
Attributes
id
(:any
) - html attribute id. Defaults tonil
.class
(:any
) - html attribute class. Defaults to""
.background
(:string
) - Background color. Defaults to"#09090b"
.size
(:string
) - size. Defaults to"400px"
.
Generates a plasma ball effect
Example
<PhoenixDuskmoon.Fun.Element.dmf_plasma_ball />
Attributes
id
(:any
) - html attribute id. Defaults tonil
.class
(:any
) - html attribute class. Defaults to""
.size
(:string
) - size. Defaults to"350px"
.show_base
(:boolean
) - show base of plasma ball. Defaults tofalse
.show_electrode
(:boolean
) - show electrode of plasma ball. Defaults totrue
.
Generates snowflakes, bubbles or unicode ❆
.
Example
<PhoenixDuskmoon.Fun.Element.dmf_snow />
Attributes
class
(:any
) - html attribute class for each snowflake. Defaults to""
.count
(:integer
) - snowflake count. Defaults to200
.color
(:string
) - snowflake color. Defaults to"#fff"
.size
(:string
) - snowflake size. Defaults to"10px"
.unicode
(:boolean
) - show snowflake by using unicode character [❆]. Defaults tofalse
.