Powered By Blogger

Thursday, January 8, 2015

CSS3 Effect

HTML:
<div>
<h2 class="gnana">Our Highlights</h2><h2 class="gnanaho">Our Highlights</h2>
</div>

Styles:

h2.gnana{position: absolute; z-index: 11;}
h2.gnana:hover{
transform: scale(1.2);
-webkit-transform: scale(1.2);
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-webkit-font-smoothing: antialiased;

}
h2.gnanaho{  position: absolute; }

No comments:

Post a Comment