"Head of Cuteposting"
Male
16 years old
Germany
Last Login: 1619264813000
All Blogs (3/10)
1589781737000
CSS Theories #1
Making (animating) text
In CSS there are selectors like :before and :after, with those you can prefix and suffix things, on elements.
content is an interesting property, like the name says, you can set the content (text), of an element.
Before you try to do HTML Haxxor things with it, no you can't abuse it.
With this knowledge we can try typing
| Code | Output |
|---|---|
| a:before { content: ">"; } | some link |
| a:after { content: "<"; } |
Animating this
Now, CSS has @keyframes and animations, with those you can animate between values.
Let's say I want to change this text, it's possible.
| Code | Output |
|---|---|
| a:before, a:after { | animated link |
| animation: cute-animation 2s infinite; | |
| } | |
| @keyframes cute-animation { | |
| 50% { content: "owo"; } | |
| 75% { content: "uwu"; } | |
| 90% { content: ">w<"; } | |
| } |
Making more elements
You can use attribute selectors on links, to have more elements to mess with than the standard that MySpace gives you!
| CSS | Markdown | Output |
|---|---|---|
| a[href="crtplr//example"] { | [cool fancy link](crtplr//example) | cool fancy link |
| color: red; | ||
| } |
also, use pointer-events and cursor, to remove functionality and properties of the link
Please login to leave a comment.
Comments
hashida  | 1589798719000 cute animation >w< |
(1/10)