DEV Community

Play Button Pause Button
Eleftheria Batsou
Eleftheria Batsou

Posted on

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

⬇️ 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

Top comments (0)