Css Smooth Transition

HTML (Css.html)

<html>
<head>
<title>Transition CSS</title>

<style>
#hello {
opacity: 0.3;
-moz-transition-property: opacity;
-moz-transition-duration: 2s;
-moz-transition-delay: 1s;
-webkit-transition-property: opacity;
-webkit-transition-duration: 2s;
-webkit-transition-delay: 1s;
-o-transition-property: opacity;
-o-transition-duration: 2s;
-o-transition-delay: 1s;
transition-property: opacity;
transition-duration: 2s;
transition-delay: 1s;
}

#hello:hover {
opacity: 1;
}
</style>

</head>
<body>
<p id="hello">Hello, CSS lover!</p>
</body>
</html>

Tidak ada komentar:

Posting Komentar

Leave a message