Divi: The best WordPress theme of all time! With over It is complete, easy to use and comes with more than 62 free templates. Please familiarize yourself with a full list of features, examples, and documentation on the demo site and put the LivIcons Evo work for here. Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. Your email address will not be published.
Notify me on follow-up comments by email. Notify me of new posts by email. This site uses Akismet to reduce unwanted. Learn more about how your comments data is used. Easily create your Online Store. Also a container itself can be removed too. Gets a current morphState or sets it to 'start or 'end'. Returns undefined if no icon was created yet. Options are as Object. Stops an animation and resets it to starting position. Pauses an animation on a current position. Resumes an animation from a stopped position.
Returns an Object with all saved options. Special thanks to. Dmitry Baranovskiy, the author of Snap. Thanks so much! Please set this option in the LivIconsEvo. The one of the five 5 possible styles 'lines-alt' and 'linesAlt' are the same. Also can be controlled by an external style sheet for different media queries for example. Controls how strokes will look like.
The stroke width of shapes. Leave it 'original' or set any numeric value in pixels. Apply or not a micro shift of SVG shapes to try to make them more sharp crisp. However, sometimes for different icon size it's better to set it to false. The 'none' or any desired value in deg from range The stroke color of SVG shapes. Takes effect when style option is set to either 'filled' or 'lines' or 'lines-alt' or 'linesAlt'. Take effect when colorsOnHover or colorsWhenMorph options are set to 'custom' and style option is either 'original' or 'filled' or 'lines'.
The alternative stroke color of SVG shapes. Takes effect when style option is set to either 'lines-alt' or 'linesAlt'. Take effect when colorsOnHover or colorsWhenMorph options are set to 'custom' and style option is 'lines-alt' or 'linesAlt'.
The fill color of SVG shapes. Takes effect when style option is set to 'filled'. Take effect when colorsOnHover or colorsWhenMorph options are set to 'custom' and style option is either 'original' or 'filled'. Take effect when colorsOnHover or colorsWhenMorph options are set to 'custom' and style option is 'solid'. The color of a background element on your page, on which an icon will appear. Takes effect when style option is set to 'solid'. Take effect when style option is 'solid'.
This option is useful when the background element on which a LivIcon lays changes its color on hover event too. The one of the five 5 possible effects. For example, 'hue' will change an icon's colors around deg of a color wheel. The duration of changing colors, when colorsOnHover option is not set to 'none'.
For morph icons only! For example, 'hue' will change a morph icon's colors around deg of a color wheel. The factor multiplier of changing colors' brightness, when colorsOnHover or colorsWhenMorph options are set to 'lighter' or 'darker'. The factor multiplier of changing colors' saturation, when colorsOnHover or colorsWhenMorph options are set to 'lighter' or 'darker'.
For morph icons only. The initial state of morph icon. For background morph icons only! For example, avatars or photos of your users can be placed inside "morph-square-sticker. Take effect on mouse hover event. For example, to increase stroke width twice set the option to 2. The duration of changing stroke width when strokeWidthFactorOnHover option is set to not 'none'. Takes effect when and if an icon's size are changed with, for example, "resize" or "orientationchange" event.
If 'none' an icon can be still animated with JavaScript method. The total duration of an animation in seconds. The 'default' value is different for each icon and is stored in SVG icon files themselves in the 'data-animoptions' attribute. The total number of an animation repeats. This option does not take effect on morph icons. Please be careful with 'loop' value.
The delay in seconds between repeats. If true , an icon will be "drawn" when it appears a first time in a browser viewport. Take effect when drawOnViewport is set to true. It means that animation starts only if SVG is in a users browser's viewport at least the given value, calculated from SVG height. The delay in seconds for a "drawing" animation for each icon's shape.
The starting point from where a "drawing" animation starts for each icon's shape. The color for "drawing" lines.
The easing function according to GreenSock Ease Visualizer. Apply or not special events handlers touchstart and touchend for touch devices.
This option is highly experimental! It prevents default action of the events.
0コメント