As well as prebuilt mixins, there are some other techniques that can be easily integrated in your projects using Less.
When you think of CSS3, you automatically think of animations too. As already discussed in Chapter 1, Improving Web Development with Less, the CSS3 animations make CSS more powerful. HTML5 and CSS can easily replace Flash and other types of animations in many situations.
Animate.css
is a library of cross-browser animations to use in your projects. You can find Animate.css
at https://github.com/daneden/animate.css. Animate.css
can easily be used with Less. On GitHub, you will also find some attempts to port the complete library to Less. In this example, you will only use a single animation from the library. The time functions of the CSS animations are described by cubic-bezier
curves, so you can also create your own animation time functions at http://cubic-bezier.com/.