Tag

css animation

Browsing

As web standards are changing constantly and being improved, we see now that web browsers can do many more things than just displaying text and images. The era of having web pages with just images and text is long gone and in order for you to be successful in this competitive area, you need to be very creative and stand out from the crowd. Animations on websites are great, and, more and more web designers…

This is a great tutorial to create ink transition effect using CSS animations.It’s been developed by Codyhouse inspired from the website Sevenhills. A PNG sprite and steps() timing function in CSS has been used to create video effects and use them as transitions.The process to create these effects is simple    

This is a tutorail to cretae a CSS animated intro section for your website.CSS animation is agreat way to grab the user’s attention to a specific section of the website.One section you want to make sure to highlight is the main tagline, with the action buttons. A good use of typography and a wise choice of colors should do the trick. By default, the intro content is hidden by setting its opacity to zero, then…

A template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin. The idea is to show a navigation when clicking on the menu button and transform all pages in 3D and move them to the bottom of the viewport. The next two pages are shown in the back of the current page as a stack. When clicking on a menu item, the respective page comes up.    

9 Album Preview Animations using CSS only have been created by Robert Popa from Simbyone.com In this tutorial you will learn you how to create some album preview effects using CSS only. No JavaScript section here. At the end of this tutorial you will also see how you can easily create those effects just by adding the class of the animation on your div element. One thing you have to keep in mind is that…

snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built to be fast. It will only animate things that modern browsers can animate cheaply: transforms and opacity. The goal is to make a library that…

WOW reveals animation when you scroll down a page.By default, you can use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library. You can customize the animation settings like style, delay, length, offset, iterations etc. Advantages: – Smaller than other JavaScript parallax plugins, like Scrollorama (they do fantastic things, but can be too heavy for simple needs) – Super simple to install, and works with animate.css, so…