Show DevBest Css3 transition

Status
Not open for further replies.

astroids

New Member
Jan 2, 2011
22
0
At the first thanks w3school

now lets start

Make a file called ''website'' or whatever
Make a text folder and paste this code in it and save it as index.html


PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css"> 
div
{
width:100px;
height:100px;
background:red;
transition:width 2s;
-webkit-transition:width 2s; /*Safari and Chrome*/
-o-transition:width 2s; /*Opera*/
}

div:hover
{
width:300px;
}
</style>
</head>
<body>

<p><b>Note:</b> This example does not work in Internet Explorer and Firefox.</p>

<div></div>

<p>Hover over the div element above, to see the transition effect.</p>

</body>
</html>
Then make another one called text.css

And paste this code. onto it

PHP:
div:hover
{
width:300px;
}
Then check the awsome effect.

Helped be free to click thanks button

Feedbacks always welcome

[MOD] Thread Moved To Showcase [/MOD]
 

Sledmore

Chaturbate Livestreamer
Staff member
FindRetros Moderator
Jul 24, 2010
5,194
3,901
This ain't really a tutorial, It's already been completed, This would learn somebody nothing, w3Schools always do the tutorial in little sections, I suggest you re-make this to be honest.
 

Kryptos

prjRev.com
Jul 21, 2010
2,205
1,252
En, this doesn't explain what code does what, so it really isn't a tutorial...
Please explain what line does what. Thread will be moved to showcase if you don't.

Thanks for sharing!
Thanked.

Just edit your thread.
 
Status
Not open for further replies.

Users who are viewing this thread

Top