Home | All Fwiends | Random | Online | Music | Blog | Search

Craftplacer's Blog

"Head of Cuteposting"
Male
16 years old
Germany
Last Login: 1619264813000
Contacting Craftplacer
Message
Report
Add
Block
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)