At Last! Simple details/summary animation with pure CSS
If you’ve ever used a details/summary, you’ve definitely wished there was an easy way to animate them opening and closing. Well, thanks to to modern CSS, this is becoming possible! And while browser support isn’t perfect for a lot of this, it’s the perfect example of a progressive enhancement.
🔗 Links
✅ Check out Zoran’s version on his CSS Weekly channel:
✅ Interpolate size browser support:
✅ ::details-content browser support:
✅ I’ve got free and premium courses:
⌚ Timestamps
00:00 - Introduction
00:17 - The HTML and basic styling
02:40 - Adding interpolate-size: allow-keywords
03:55 - Enable shadow DOM in ...
#KevinPowell #Kevin_Powell #css #front-end #frontend #html #web_development #css_tutorial #tutorial #details
20241030
Vzj3jSUbMtI
20 views
301
97
4 days ago 00:01:20 1
[CNBC Television] GameStop names Matt Furlong CEO, effective June 21
4 days ago 00:04:09 1
[CNBC Television] FAA Administrator Steve Dickson on handling unruly airplane passengers
4 days ago 00:04:29 1
[LooLoo Kids - Nursery Rhymes and Children’s Songs] Baby Shark + A Ram Sam Sam - S3EP102 Kindergarten Fun | LooLoo Kids Songs f
4 days ago 00:05:58 1
[Stash Magazine] Last Fall
4 days ago 00:04:52 1
[CNBC Television] Klarna CEO on $1 billion funding round, bringing start-up to $31 billion valuation
4 days ago 00:01:24 1
[CNBC Television] Costco Q2 earnings: $ EPS vs. $ estimated
4 days ago 00:01:39 1
[CNBC Television] Weekly mortgage applications drop 17.9% as coronavirus scares off buyers
4 days ago 01:00:22 1
[Meditational State • Healing Music] KILLS Negativity DEEP in the Brain (⚠️ NOT an ’Easy Ride’ - this is EXTREMELY Powerful)
4 days ago 00:00:36 13
Клип @pravdaencom
4 days ago 00:02:05 1
[CNBC Television] The third quarter gave us outstanding returns, says Jim Cramer
4 days ago 00:08:29 2
[Red Bull] Anything But Natural | 4 Below Zero: S2E5
4 days ago 00:13:35 3
[Kings and Generals] Battle of Kursk 1943 - World War II DOCUMENTARY
4 days ago 00:01:32 1
[CNBC Television] Cathie Wood: Apple should’ve bought Tesla, but ’we’re happy they didn’t’
4 days ago 00:02:28 1
[Stash Magazine] “Neomorphus“
4 days ago 00:05:41 43
GUNSHIP - Dark All Day (feat. Tim Cappello and Indiana) [Official Music Video]
4 days ago 00:11:51 1
КИТАЙСКАЯ PvZ3 - ПОСЛЕДНИЙ ЖИВОЙ | Plants vs Zombies 3 CHINESE OFFICIAL - Night Falls 15; Last Stand
4 days ago 01:07:04 1
[Alpha Beta Gamer] Games to Get Excited About Fest 2024! - Over a Hundred Exciting Indie Games to Get Excited About!
4 days ago 00:20:43 238
[Hand Tool Rescue] What’s in the box?! 1890s Safe [Restoration]