CSS Tips & Tricks

by Net Ninja · 8 videos

Total watch time

2h 10m

at 1× speed · exactly 2 hours, 9 minutes, 43 seconds at 1×

custom

1×	2h 9m 43s
1.25×	1h 43m 46s
1.5×	1h 26m 29s
1.75×	1h 14m 7s
2×	1h 4m 52s

Average video16m 13s

Longest22m 50s

Shortest10m 1s

Compare Open on YouTube JSON

Plan to finish

About 3 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

At one hour a day, every day, this playlist takes about 3 days. Turn on JavaScript to plan around your week.

Videos (8)

2h 10m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.


1	CSS Tips and Tricks #1 - CSS-only Christmas Lights	15:05	2016-12-07
2	CSS Tips & Tricks #2 - Animating Burger Nav Icon	10:01	2016-12-10
3	CSS Tips & Tricks #3 - CSS-only Tooltip	14:40	2017-02-02
4	CSS Tips & Tricks #4 - CSS Only Dropdown Menu	14:58	2017-07-26
5	CSS Tips & Tricks #5 - CSS-Only Popup	14:35	2017-11-01
6	Star Wars Scrolling Text Tutorial (CSS Animation)	19:44	2020-10-29
7	Build a CSS Christmas Present that Opens & Closes	17:50	2020-12-18
8	Christmas Card Open & Close Animation	22:50	2022-12-23

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Markdown

[![Watch time: 2h 10m · 8 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9htzG9o-QzCTsGMbmfuF4kk.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9htzG9o-QzCTsGMbmfuF4kk)

HTML

<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9htzG9o-QzCTsGMbmfuF4kk"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9htzG9o-QzCTsGMbmfuF4kk.svg" alt="Watch time: 2h 10m · 8 videos" width="196" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9htzG9o-QzCTsGMbmfuF4kk returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.