Efecto Zoom en el texto con css y html
CÓDIGO CSS:
Quote
<style type="text/css">
div.main-container{display:block;text-align:left;margin:0 0 1px}div.main-container h1,div.main-container h2,div.main-container h3,div.main-container h4,div.main-container h5,div.main-container h6{font-family:Artifika, Arial, Helvetica, sans-serif;font-weight:400;line-height:normal;margin:0 0 15px;padding:0}h1{font-size:30px}h2{font-size:28px}h3{font-size:26px}h4{font-size:24px}h5{font-size:22px}h6{font-size:18px}header{text-align:cent er;text-transform:uppercase}header h1{list-style:none;line-height:normal;margin:0;padding:0}header h1 a{font-family:'ChunkFive Regular', Arial, Helvetica, sans-serif;font-size:75px;text-shadow:0 3px 3px #555;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}header h1 a:hover{font-size:100px;-webkit-transform:scale(1.1+) translateZ(0);-moz-transform:scale(1.1) translateZ(0);-o-transform:scale(1.1) translateZ(0);transform:scale(1.1) translateZ(0)}header p{margin-top:-20px;font-size:20px}
</style>
CÓDIGO HTML:
Quote
<div class="main-container">
<header>
<h1><a href="http://unviciomas.com">UnViciomas .Com</a></h1>
<p id="tagline"><strong>Compartida, la vida es mas</strong></p>
</header>
</div>