Skip to content

Instantly share code, notes, and snippets.

@zachlatta

zachlatta/style.css

Created Sep 16, 2020
Embed
What would you like to do?
CSS uploaded by scrapbook.hackclub.com/customizer
@import url('https://fonts.googleapis.com/css2?family=Ranchers&display=swap');
:root {
--colors-background: #4287f5;
--colors-text: #161f29;
--colors-elevated: #f6ff96;
--colors-muted: #161f29;
--fonts-body: 'Ranchers', cursive;
}
@keyframes rainbow {
14% {
color: #ff0000;
}
28% {
color: #ffa500;
}
42% {
color: #ffff00;
}
56% {
color: #008000;
}
70% {
color: #0000ff;
}
84% {
color: #4b0082;
}
100% {
color: #ee82ee;
}
}
.header-title-name{
animation: rainbow 5s infinite;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
.header-title-avatar {
animation: spin 1s infinite;
animation-timing-function: linear;
}
.post :hover {
transform: scale(0.1);
transition: all 5s ease-in-out;
}
.header {
transform: rotate(3deg);
}
.posts {
animation: spin 1000s infinite;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.