test div

• left of this div is 60% from left of parent div (ignore border)

• bg of this div is calc()'d to match bg of parent div (desktop, mobile, resized, etc)

• Menu
  • Home
  • web design
    • CSS animation
    • changing background
    • widths and heights
    • cookie consent

    • ---

    • Mynott.uk
    • Teaching for Learning
    • TICS
  • computing
    • PowerShell
    • Group Policy
    • Excel
    • passwords
    • character codes
    • links
  • other
    • music
    • Rubik’s cube
    • Taekwon-Do
    • settings
  • about
    • contact
    • about
    • gallery

Changing background

Hover over or touch an image below to change the content background.

Background

Inspiration for this page came from a Shutterstock (no affiliation) advert I saw in early 2020 (below) which behaved like the boxes above and I thought I’d have a go at re-creating it using pure CSS - done ✔