Learn how to create an animated pop-out effect using HTML and CSS in this 20-minute tutorial video. Explore the process of recreating a fun website effect by utilizing developer tools, writing HTML, overlapping images, sizing and shaping elements, hiding content, and adding animations. Follow along as the instructor breaks down each step, from initial code exploration to the final implementation of the hover effect. Gain insights into problem-solving techniques and discover how to adapt inspiration from existing designs into your own unique creations.
Overview
Syllabus
- Introduction
- Exploring their code with my DevTools
- What I am starting with
- Writing the HTML
- Overlapping the images and getting them the right size and shape
- Hiding the content on the bottom
- Adding the animation
Taught by
Kevin Powell
