DEV Community

loading...
Play Button Pause Button

🌍Peekaboo - Animations (JS + CSS) [YouTube LIVE]

eleftheriabatsou profile image Eleftheria Batsou ・1 min read

⬇️ In this video I'll show you how to program animated HTML, and in particular, Peekaboo boxes using CSS transitions. The transitions are triggered using only one line of JavaScript! The Peekaboo box can be animated into the web page at any desired scroll point.

Codepen: https://codepen.io/EleftheriaBatsou
Peekaboo image: https://derpicdn.net/img/2017/1/11/1337488/thumb.png
Working project: https://codepen.io/EleftheriaBatsou/pen/mdewyvz
Inspiration: http://www.developphp.com/
Video tutorial: https://youtu.be/Mp7jO6GGIHQ


👋Hello, I' m Eleftheria, an app developer, master student, public speaker, and chocolate lover.

🍩Would you care about buying me a coffee? You can do it here: paypal.me/eleftheriabatsou but If you can't that's ok too!


🙏It would be nice to subscribe to my Youtube channel. It’s free and it helps to create more content.

🌈Youtube | Codepen | GitHub | Twitter | Site | Instagram

Discussion

pic
Editor guide