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
  • computing
    • using AI
    • passwords
    • shortcut keys
    • Excel
    • character codes
    • PowerShell
    • Group Policy
    • links
  • web design
    • CSS animation
    • changing background
    • widths and heights
    • cookie consent
    • gallery
    • timetables
    • CSS reference

    • ---

    • Mynott.uk
    • Teaching for Learning
    • TICS
  • other
    • music pages
    • Rubik’s cubes
    • metric prefixes
    • Taekwon-Do
    • settings
  • about
    • contact
    • about
    • site map

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 ✔