Text Rotation using Transforms on Hover.
"Hover means changes apply when you put cursor on text"
<html>
<head>
<title>CSS BOX</title>
<style>
.a {
transition: 3.70s;
width: 250px;
height: 60px;
box-sizing:border-box;
font-size:36px;
padding:10px;
text-shadow:1px 1px 1px red,
2px 2px 1px red,
3px 3px 1px red,
4px 4px 1px red,
5px 5px 1px red,
6px 6px 1px red;
}
.a:hover {
transition: 3.70s;
transform: rotateY(360deg);
}
</style>
</head>
<body>
<div class="a"><b>CSS STYLES</b></div>
</body>
<html>
When you put cursor on image, image rotates randomly
custom web application development services company
ReplyDelete
ReplyDeleteWonderful information! I am looking for these types of blogs for last many days. Keep it up. Thanks for sharing it with us e-commerce web development services and mobile app development company
Nicely Explained The Topic "Designing Services" same as you mention about is quite popular these days in the united kingdom, United States, Ireland, And other countries. our company provides same services without any risk, kindly visit to know Website Designing Services
ReplyDeleteWeb design glasgow This particular is usually apparently essential and moreover outstanding truth along with for sure fair-minded and moreover admittedly useful My business is looking to find in advance designed for this specific useful stuffs…
ReplyDeleteWebsite Developers Thanks for a very interesting blog. What else may I get that kind of info written in such a perfect approach? I’ve a undertaking that I am simply now operating on, and I have been at the look out for such info.
ReplyDeletewebsite development in Lahore
ReplyDeleteweb development agency in Lahore