This commit is contained in:
@@ -67,3 +67,39 @@ blockquote {
|
||||
padding-left: 2em;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
@keyframes irritating {
|
||||
0% {
|
||||
|
||||
border-left: 50px solid orange;
|
||||
border-right: 50px solid salmon;
|
||||
padding: 0px;
|
||||
background-position-x: 0px;
|
||||
}
|
||||
50% {
|
||||
|
||||
border-left: 10px solid orange;
|
||||
border-right: 10px solid salmon;
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
background-position-x: 50%;
|
||||
}
|
||||
100% {
|
||||
|
||||
border-left: 50px solid orange;
|
||||
border-right: 50px solid salmon;
|
||||
padding: 0px;
|
||||
background-position-x: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.annoy {
|
||||
animation-name: irritating;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(45deg, red, orange, yellow, green, blue, purple, red, orange, yellow, green, blue, purple);
|
||||
background-size: 200%;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user