René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"API: New #a.animated mixin definitions","articleBody":"New definitions were added to the `#a.animated` **[shorthand mixin](https://github.com/codeworksdev/animate.less/issues/46)** to allow for better syntax when defining CSS animation properties.\r\n\r\n## DEFINITIONS (5)\r\n_**Note:** By default, the `animation-fill-mode` CSS property is set by the **[`@o_animateless_fill`](https://github.com/codeworksdev/animate.less/issues/34)** variable. Of course, you can easily override this value with **[`#a.fill`](https://github.com/codeworksdev/animate.less/blob/master/README.md#shorthand-mixins)**, if necessary._\r\n### DEFINITION 1\r\n```less\r\n#a.animated() {\r\n    .fill(@o_animateless_fill);\r\n    .duration(a, @o_animateless_duration);\r\n    .delay(a, 0s);\r\n    .iterate(1);\r\n    }\r\n```\r\n\r\n### DEFINITION 2\r\n```less\r\n#a.animated(@name) {\r\n    .fill(@o_animateless_fill);\r\n    .duration(a, @o_animateless_duration);\r\n    .delay(a, 0s);\r\n    .iterate(1);\r\n    .animation(@name);\r\n    }\r\n```\r\n\r\n### DEFINITION 3\r\n```less\r\n#a.animated(@name; @duration) {\r\n    .fill(@o_animateless_fill);\r\n    .duration(a, @duration);\r\n    .delay(a, 0s);\r\n    .iterate(1);\r\n    .animation(@name);\r\n    }\r\n```\r\n\r\n### DEFINITION 4\r\n```less\r\n#a.animated(@name; @duration; @delay) {\r\n    .fill(@o_animateless_fill);\r\n    .duration(a, @duration);\r\n    .delay(a, @delay);\r\n    .iterate(1);\r\n    .animation(@name);\r\n    }\r\n```\r\n\r\n### DEFINITION 5\r\n```less\r\n#a.animated(@name; @duration; @delay; @iterations) {\r\n    .fill(@o_animateless_fill);\r\n    .duration(a, @duration);\r\n    .delay(a, @delay);\r\n    .iterate(@iterations);\r\n    .animation(@name);\r\n    }","author":{"url":"https://github.com/codeworksdev","@type":"Person","name":"codeworksdev"},"datePublished":"2018-05-11T17:01:53.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/36/animate.less/issues/36"}