code shtuff
https://rentry.org/sexymaid
heisenburger
also a lot of the hastags have been replaced with . in order to not make it into a title LOL!!!!
ALERT
<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="alert('hieee :3c')">googoo gaga</button>
</body>
</html>
SCROLL
<div class=".scroll">
<style>
.scroll {
overflow-y: scroll;
height: 140px;
width: 220px;
margin: auto;
border: 2px double black;
background-color: white;
}
</style>
</div class="scroll">
SCROLL2
<style>
.text01 {
height: 150px;
width: 100%;
padding: 10px;
border: 3px double #000;
overflow: auto;
}
</style>
JERK
<style>
.jerk {
animation: jerk 1.0s infinite;
}
@keyframes jerk {
0% {
transform: rotate(2deg);
}
50% {
transform: rotate(2deg);
}
51% {
transform: rotate(-2deg);
}
100% {
transform: rotate(-2deg);
}
}
</style>
<div class="jerk"><img src="img name"></div>
MARGIN?? IDK
<style>
.ImageNameHere {
border: 3px double #ffffff;
margin: 0.1em;
}
</style>
TEXT OUTLINE
<make sure to make the text tag h1. delete this bit>
<style>
h1 {
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
}
</style>
ABSOLUTE POSITIONING
<style>
ImageNameHere {
position: absolute;
top: -0.0em;
left: 0.0em;
z-index: 50;
}
</style>
POP
<style>
TextSlashImageNameHere {
animation: pop 1s ease-in-out infinite alternate;
}
@keyframes pop {
from {
transform:scale(0.95)
}
50% {
transform:scale(1)
}
to {
transform:scale(0.95)
}
}
</style>