1008–[CSS] Photo Stack Effect

Media Files

No media files provided.

Project Submission

+ Submit Assignment

Your submissions

Background

We want to create the following hover effect for a collection of photos:

See the Pen CSS Photo Stack Effect by Thomas Seng Hin Mak (@makzan) on CodePen.

Requirement

Given the following HTML code:

<h1>Photos Stack</h1>
<div class='photo-stack'>
  <img src='http://placekitten.com/300/200'>
  <img src='http://placekitten.com/300/200?image=2'>
  <img src='http://placekitten.com/300/200?image=3'>
  <img src='http://placekitten.com/300/200?image=4'>
  <img src='http://placekitten.com/300/200?image=5'>
  <p>Album Title</p>
</div>

Help

❓ Show help content

Submission guideline

  • You may use Codepen to implement it and submit the link.
  • You may implement them in file and attach the HTML/CSS file via submission.

Please login to chat.