Go back?

bc formatting is weird it adds br elements to the final viewed paste for some reason, so for css snippets you'll have to click the edit button and just copypaste the code in the editor instead. sorgy

HOVER & CLICK EFFECTS

The first three are literally just ripped straight from .cc/codes because i am too impatient to do them myself rn...

links blur on click
a:hover {<br class="u3:aln" /> filter: blur(2px);<br class="u3:aln" /> transition: 0.25s ease-in;<br class="u3:aln" /> }

links italic on click
a:hover {<br class="u3:aln" /> text-decoration: none;<br class="u3:aln" /> font-style: italic ;<br class="u3:aln" /> color: black;<br class="u3:aln" /> }

links pop on click
a.click {<br class="u3:aln" /> transition: transform .4s;<br class="u3:aln" /> }<br class="u3:aln" /> a.click:hover {<br class="u3:aln" /> text-decoration: none;<br class="u3:aln" /> transform: scale(1.2);<br class="u3:aln" /> }

image grows on hover
img:hover {<br class="u3:aln" /> transition: transform 0.5s;<br class="u3:aln" /> transform: scale(105%);<br class="u3:aln" /> }<br class="u3:aln" /> img {<br class="u3:aln" /> transition: transform 0.5s;<br class="u3:aln" /> }

image rotates on hover
img:hover {<br class="u3:aln" /> transition: transform 0.5s;<br class="u3:aln" /> transform: rotate(10deg);<br class="u3:aln" /> }<br class="u3:aln" /> img {<br class="u3:aln" /> transition: transform 0.5s;<br class="u3:aln" /> }

ANIMATIONS

spinning
@keyframes rotatee {<br class="u3:aln" /> from {<br class="u3:aln" /> transform: rotate(0deg);<br class="u3:aln" /> }<br class="u3:aln" /> <br class="u3:aln" /> to {<br class="u3:aln" /> transform: rotate(360deg);<br class="u3:aln" /> }<br class="u3:aln" /> }<br class="u3:aln" /> img.spinning {<br class="u3:aln" /> display: block;<br class="u3:aln" /> margin: auto;<br class="u3:aln" /> animation-name: rotatee;<br class="u3:aln" /> animation-iteration-count: infinite;<br class="u3:aln" /> animation-duration: 6s;<br class="u3:aln" /> animation-timing-function: linear;<br class="u3:aln" /> }

I CANT THINK OF MORE RIGHT NOW BUT I WILL LATER. OOOOOO