orangesweety
New member
- Joined
- May 25, 2015
- Messages
- 31
- Points
- 0
Cascaded Style Sheets version 3 have awesome features, which reduces java script work. I will use CSS3 transition property mostly, it gives simple animation experience to the visitor. I will give background transition to anchor tags as follows:
Here my class is red-more for anchore tag. I gave lite color in the static position and dark colors on hover change. It give smooth feel to the user, if we use 6 pixels radius that looks even better feel.<style>
a.read-more{
width: 150px;
color: #eee;
background: #666;
display: block;
}
a.read-more:hover {
color: fff
background: #333;
-webkit-transition: background 0.6s linear;
transition: background 0.6s linear;
}
</style>