Css animation examples

Collection by Bhagwat Singh

120 
Pins

Skeuomorph Ui Kit (Sketch & Figma)

Skeuomorph Ui Kit (Sketch & Figma) designed by Harpen Design. Connect with them on Dribbble; the global community for designers and creative professionals.

Pure CSS Progress - - Fribly

Pure 3D CSS progress bar or you can use it as a bar chart, a pretty liquid progress-bar. With coded pure CSS navigation triggers too. Coded by Rafael - posted under by Fribly Editorial

Change Floor Animation

This simple floor change animation is part of a bigger CODE University project I am working on at the moment.

Activate Button

A button animation for our new project we’re working on. What do you think about it? :)

Flexbox Fundamentals Visual Guide

Flexbox is short for Flexible Box Module. A layout model that allows easy control of space distribution and alignment between html elements [2]. Flexbox controls positioning in just one dimension at…

How to combine Flexbox and CSS grids for efficient layouts

Make your website layout beautiful and easy to navigate with this easy-to-follow how-to!

Design Your Week

Follow me on: Facebook | Instagram | Twitter | YouTube | Subscribe

E-mail button

Email button-form for one of my projects. This is my first attempt to make something in AE and I had no idea it is THAT hard to learn it. Spent 5(!) hours for that tiny piece.

Save Button Animation

Prototyping some animations for logged in user experience on Bonfire.

31 Brilliant User Interface Animations

Animated interface elements don't just attract attention, they enhance user experience and help guide user flow. They reveal the functionality and process

Worm Dot Indicators

Worm Dot Indicators designed by Tommy Buonomo. Connect with them on Dribbble; the global community for designers and creative professionals.