Quick Start to CSS Transitions (All the Essentials) - Tutorial

In this tutorial we are gonna have a look at CSS (CSS3) Transitions. We will go over all the fundamentals so you have a good understanding of what you need to do to create your own amazing transitions for your UI design. The transitions can be used for many different things likes loaders, button hover, image galleries, etc. We will be looking at transition-property, transition-time-function, transition-delay, transition-duration) in depth and also show you how these can be used with JavaScript. We will be using SASS with Autoprefixer and Jade in this tutorial, however, will explain what you need if you are using plain HTML and CSS so everyone can follow along. A list of which properties can be animated can be found here: https://mzl.la/2cRh09h If you are looking for a specific property --------------------------------------------------------------- transition-duration: 10:50 transition-timing-function: 12:12 transition-delay: 13:11 Project files ------------------- http://bit.ly/2dtjoRi Follow us for inspiration and tutorials ----------------------------------------------------------------- Website: http://bit.ly/29STY1r Facebook: http://bit.ly/1Y19Ams Twitter: http://bit.ly/269CQII Google Plus: http://bit.ly/1V59HX9 We can also recommend following tested reliable and affordable hosting options. Check them out. ------------------------------------------- Dreamhost: http://bit.ly/2aThOu4 Bluehost: http://bit.ly/2aTwmdj