/*@import url(http://fonts.googleapis.com/css?family=ABeeZee);
@import url(http://fonts.googleapis.com/css?family=Arimo);
@import url(http://fonts.googleapis.com/css?family=Dustismo+Roman);*/
@font-face {
font-family: "ABeeZee";
src: url("ABeeZee-Regular.ttf") format('truetype');
}
.schrift_abeezee{font-family:'ABeeZee'}
.schrift_arimo{font-family:'Arimo'}
.schrift_dustismo{font-family:'Dustismo Roman'}
.schrift_serif{font-family:serif;}
.schrift_sansserif{font-family:sans-serif;}
html {
font-kerning: auto;
lang(de);
}
body {
background-image: linear-gradient(to right, #cfb0bb, #88ffbb, aqua);
font-size: 100%;
text-align: justify;
font-family : sans-serif;
background: aqua;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
p {
margin: 0 0 6pt 0;
}
.ini1::first-letter {
font-size: 600%;
font-weight: bold;
color: #993333;
background-color: #aa8888;
padding: 5px;
margin-right: 5pt;
font-family: serif;
line-height: 100%;
float: left;
vertical-align: text-top;
}
.ini2::first-letter {
font-size: 450%;
font-weight: bold;
color: #993333;
background-color: #aa8888;
padding: 5px;
margin-right: 5pt;
font-family: serif;
line-height: 100%;
float: left;
vertical-align: text-top;
}
.ini3::first-letter {
font-size: 300%;
font-weight: bold;
color: #993333;
background-color: #aa8888;
padding: 5px;
margin: 5pt;
font-family: serif;
line-height: 100%;
float: left;
vertical-align: text-top;
margin: .06em .1em 0 0
}
.zoom {
transition: transform .5s;
}
.zoom:hover {
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.5);
}
Zoom on Hover
Hover over the div element.
