All posts tagged “transition”

Introduction to CSS Animation
September 22, 2016   |   2 minutes reading time
comment 0

Introduction to CSS Animation

When it comes to web development, there are two common used methods for creating animations on the web; CSS and JavaScript. While both can be used to achieve the same results, you have to consider the purpose of the animation beforehand. The most widely used on the web is JavaScript. This is because it has a greater degree of element control for animations. CSS animations on the other hand are used for simple transitions. Considering which one to use is important for optimization to ensure a website loads quickly without bugs occurring.

Read More

Filed under: CSS

 

Ink Transition Effect
April 8, 2016   |   Less than a minute reading time
comment 0

Ink Transition Effect

Transitions maketh Interaction. Any website or mobile application without any transition would seem dull. The complexity of transitions can be as simple as a fade-in effect to something complex like the Call of Duty: Ghost loading UI Interface . Here’s an Ink transition inspired by Sevenhills, Claudia Romano has said :

“By using a PNG sprite and the steps() timing function in CSS, we can create video effects and use them as transitions”.

So what are you waiting for? Hop on the Transition train for a better future! Hola us for any ideas and comments on transitions!

See how it’s done Checkout the demo