Replies

Aug 5, 2017 8 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

i want to start working on a profile for my pet aphasia, and to fit with the theme i thought it'd be cool to have the text in her story do something kind of like this, but preferably with words "randomly" disappearing and reappearing. does anyone know of a way to do something similar to this without javascript?

Aug 5, 2017 8 years ago
Tashamon
is lost in space
User Avatar
Signal

I broke the code time ago but I have something similar to what you're after - So I've fixed it up to demonstrate! Aside from a few other strange animations, it has text that occasionally judders and an anaglyph-like effect shows up.

For your idea, I'd make an animation that changes the opacity, and then use steps(1) to make it instantly flick in and out of visibility (instead of a gradual change like it would normally animate as), and then apply it to span tags around parts of the text. If you wanted it to be pseudo-random, you could make a bunch of classes with different delays and timing for the animation, and give a different class to each span tag.

It's kind of a faff and uses a lot of code (mostly for all the different classes for all the different timing/delays) but it's doable c: Love the idea/name combo by the way!

Aug 5, 2017 8 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

thanks so much, i will give it a shot! it's funny, i was actually looking at all your pets last night for inspiration because i remembered you've done some really incredible stuff with CSS 😅

Please log in to reply to this topic.