Gadgets
Thursday, 27 November 2014
Tuesday, 14 October 2014
Friday, 12 September 2014
Text Style Zoom
Text Zoom:
<style>
.container{
margin:0px auto;
width: 1000px;
}
#textzoom a{
color: #0081C2;
font-family: 'Corbel';
font-size:4em;
font-weight: bold;
text-decoration: none;
transition:all 2s ease-in-out;
}
#textzoom a:hover{
font-size:8em;
transition:all 2s ease-in-out;
}
</style>
<div class="container">
<div id="textzoom">
<a href=""> Text Zoom</a>
</div></div>
Text Shadow Style
Shadow Text Styles:
<style>
.container{
margin:0px auto;
width: 1000px;
}
#shadowtext1 a{
color: #026202;
font-family: Arial,sans-serif;
font-size: 45px;
font-weight: bold;
text-decoration:none;
text-shadow:2px 2px black;
}
#shadowtext2 a{
color: #026202;
font-family: Arial,sans-serif;
font-size: 45px;
font-weight: bold;
text-decoration:none;
text-shadow:2px 2px 2px black;
}
#shadowtext3 a{
color: #026202;
font-family: Arial,sans-serif;
font-size: 45px;
font-weight: bold;
text-decoration:none;
text-shadow:5px 6px 5px black;
}
.text1 a{
color: #054d52;
text-decoration: none;
font-family: Arial,sans-serif;
font-size: 45px;
font-weight: bold;
text-shadow:0px 0px 5px #000;
}
</style>
<div class="container">
<hr>
<div id="shadowtext1">
<a href=""> Life Is Beautiful</a>
</div>
<hr>
<div id="shadowtext2">
<a href=""> Life Is Beautiful</a>
</div>
<hr>
<div id="shadowtext3">
<a href=""> Life Is Beautiful</a>
</div>
<hr>
<div class="text1">
<a href=""> Life Is Beautiful</a>
</div>
</div>
Subscribe to:
Comments (Atom)



