Beautiful blink transition effect slider

There is use of two photos with the same dimensions. Only HTML code will need from loading the scripts is an html element. I’m using a div class that use as our container in this "Beautiful blink transition effect slider". It should have a unique id, named it "mosaic".
 [gap]
The only piece of CSS code you will have to write is the following (replace the images file names with yours ).
[gap height="10"]
Beautiful blink transition effect slider

[button color="orange2" link="http://demo.tricksway.com/1401/index.html" target="_blank"]Demo[/button] [button color="orange2" link="http://himstar-download.googlecode.com/files/1401.zip" target="_blank"]Download[/button]

Code Sample:
 [gap]

#mosaic

{
background-image: url('bottom.jpg');
}

#mosaic span.hover
{
float: left;
background-image: url('top.jpg');
}

* Is this helped you? you can gift us a coffee or share your feedback*

Himanshu is young engineer living in India. Currently working at BOLD.com as UI Engineer. He is an ethical hacker & blogger too. Doing lot's of crazy stuff... If you seems interesting, go through portfolio: www.himstar.info

2 comments: On Beautiful blink transition effect slider

Leave a reply:

Your email address will not be published.

Sliding Sidebar

We have 20,000+ active geeks


We are team of ' Delhi Startups ' , most active startup community with strict spam policy.
We are making !deas happen..for future, business and jobs without charging anything, with connecting entrepreneurs.. It's a reason to trust on us.
Come and join or subscribe, we will defiantly give a reason to like us.

Our Facebook Page