by
77 10
4
6
2,071
1
Top 1% !
Popular
Famous
Tagged
Specified
MultiPlatform
Popularity: 10444th place
FrameworkCSS3
Languageless
LicenseMIT_X11

A useful LESS mixin to enable animated transition on a HTML element

This simple less mixin enable animated transitions on all properties of a HTML element.
Copy Embed Code
<iframe id="embedFrame" style="width:600px; height:300px;"
src="https://www.snip2code.com/Embed/42222/A-useful-LESS-mixin-to-enable-animated-t?startLine=0"></iframe>
Click on the embed code to copy it into your clipboard Width Height
Leave empty to retrieve all the content Start End
.animate( @duration: 0.4s ) { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: @duration; -o-transition-duration: @duration; -webkit-transition-duration: @duration; transition-duration: @duration; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
If you want to be updated about similar snippets, Sign in and follow our Channels

blog comments powered by Disqus