CSS Position
Overview
As shown in the examples from Mastercard and Lewis-Clark State College, and The Church of Jesus Christ of Latter-day Saints, there are times when you want to add live text or even clickable buttons over an image.
This effect can be produced on content, images, videos, etc., using CSS positioning.
Prepare
- Watch 🎦CSS Positioning in 60 Seconds
- Read 📄CSS positioning - MDN
Activity Instructions
- Study ⚙️Absolute
Position - Temple Hero
Note that the .hero element is given a position of relative in order for the .herolabel to be positioned absolute relative to the .hero container.
Submission
There is no submission for this activity. You will apply this effect in assignments.