Example
Who's back? Look closer.
For this week's challenge I got inspired by nature and explored how to apply the blur effect for retrieving knowledge. Instead of the usual overlay or text box, the blur itself does the work: hover to reveal the name, click to learn more.
The Rise code block is used and the code is built with plain HTML, CSS and a little JavaScript - no libraries needed. All images are embedded as Base64 so it works inside Rise without any external links.
1 Reply
I really enjoyed this and how moves your focus, when you flip a card.
What is Base64?
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.