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; }
<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