Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Pop up spheres in web page using CSS3 / HTML5

Pop up spheres in web page using CSS3 / HTML5

Problem

I am designing a web app in whose log in page, I would like to pop up filled Spheres in the sequence 1 -> 2 -> 3 -> 4 -> 5 as given in the following (crudely) drawn representation.

I have just used plain Html before and very little CSS. So I am very new to HTML5 and CSS3. Any help from you guys will be really appreciated.

Thanks, EG

Problem courtesy of: aa8y

Solution

see this solution

tested in firefox and chrome:

use transition delay in your css

-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;

for more information see this link:

Solution courtesy of: seyed

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Pop up spheres in web page using CSS3 / HTML5

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×