CSS
#experiment {
background-color: #E4DBC6;
}
#experiment p {
font-family: "regularJoeRegular", cursive;
font-weight: 400;
font-style: normal;
font-size: 36px;
text-align: left;
text-rendering: optimizeLegibility;
line-height: 1.5em;
color: #2A2A2A;
text-shadow: #1A1A1A 0px 0px 1px;
padding: 50px 0px 0px 160px;
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
transform: rotate(-4deg);
}
#experiment p:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.15s ease-in;
-moz-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
}
HTML
Handschrift wirkt besser,
wenn sie schräg steht…