Playlist Duration

Playlist · Elzero Web School

Learn CSS3 In Arabic

by Elzero Web School · 56 videos

Total watch time

10h 18m

at 1× speed · exactly 10 hours, 17 minutes, 46 seconds at 1×

At an hour a day you'd finish in 11 days

The shape of the course

56 videos in blocks of 10 · each column is a block's total, to scale

1h 17m
1h 48m
2h 26m
1h 53m
1h 36m
1h 17m

WatchedTo watch

Compare Open on YouTube JSON

Next time, skip the copying: change youtube.com to playlistduration.com in any playlist, video or channel address and it opens here. Or see the total on YouTube itself, with our extension for Chrome, Firefox or Edge.

Your plan

Plan to finish

About 11 days at an hour a day

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

Days

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

Videos (56)

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

Tick videos you've watched — progress is saved in this browser. Titles open on YouTube in a new tab.

Videos to
Watched
1 Learn Css3 in Arabic #01 - Introduction and What's New in Css 3 3:06 2014-10-25
2 Learn Css3 in Arabic #02 - What's Vendor Prefixes 9:33 2014-10-25
3 Learn Css3 in Arabic #03 - Border Radius 11:13 2014-10-25
4 Learn Css3 in Arabic #04 - Box Shadow 11:41 2014-10-29
5 Learn Css3 in Arabic #05 - Box Sizing 9:08 2014-10-29
6 Learn Css3 in Arabic #06 - Examples: Box Shadow, Border Radius 7:23 2014-11-11
7 Learn Css3 in Arabic #07 - Text Shadows 9:29 2015-02-22
8 Learn Css3 in Arabic #08 - Text Overflow 6:14 2015-02-22
9 Learn Css3 in Arabic #09 - Word Wrap, White Space 4:37 2015-02-22
10 Learn Css3 in Arabic #10 - 2D Transform - Rotate 4:46 2015-02-22
11 Learn Css3 in Arabic #11 - 2D Transform - Scale 13:40 2015-04-04
12 Learn Css3 in Arabic #12 - 2D Transform - Translate 11:16 2015-04-04
13 Learn Css3 in Arabic #13 - 2D Transform - Skew 7:16 2015-04-04
14 [ Css3 In Arabic ] #14 - 2D Transform - Matrix 9:48 2015-06-18
15 Learn Css3 in Arabic #15 - 3D Transform - Rotate X, Y, Z() 5:56 2015-06-18
16 [ Css3 In Arabic ] #16 - 3D Transform - Translate 3D 6:55 2015-07-27
17 [ Css3 In Arabic ] #17 - 3D Transform - Scale 3D 6:51 2015-07-27
18 [ Css3 In Arabic ] #18 - 3D Transform - Matrix 3D 12:36 2015-07-27
19 [ Css3 In Arabic ] #19 - 3D Transform - Perspective 21:34 2015-07-27
20 [ Css3 In Arabic ] #20 - 3D Transform - Transform Origin, Style 12:35 2015-07-27
21 [ Css3 In Arabic ] #21 - 3D Transform - Backface Visibility 16:36 2015-07-27
22 [ Css3 In Arabic ] #22 - 3D Transform - Create Flip Card 22:34 2015-07-27
23 [ Css3 In Arabic ] #23 - Background New Features 31:48 2015-07-27
24 [ Css3 In Arabic ] #24 - Overflow New Features 4:54 2015-07-27
25 [ Css3 In Arabic ] #25 - Resize 4:05 2015-07-27
26 [ Css3 In Arabic ] #26 - Opacity 4:47 2015-07-27
27 [ Css3 In Arabic ] #27 - Flex Direction | Flex Wrap 15:03 2015-07-27
28 [ Css3 In Arabic ] #28 - Flex Flow | Justify Content 8:37 2015-07-27
29 [ Css3 In Arabic ] #29 - Align Items | Align Content 19:18 2015-07-27
30 [ Css3 In Arabic ] #30 - Order | Flex Grow | Flex Shrink 18:06 2015-07-27
31 [ Css3 In Arabic ] #31 - Flex Basis | Shorthand 17:42 2015-07-27
32 [ Css3 In Arabic ] #32 - Transition - Intro 7:14 2015-07-27
33 [ Css3 In Arabic ] #33 - Transition - Property | Duration 10:22 2015-07-27
34 [ Css3 In Arabic ] #34 - Transition - Timing Function | Delay 26:59 2015-07-27
35 [ Css3 In Arabic ] #35 - Transition - Examples 8:11 2015-07-27
36 [ Css3 In Arabic ] #36 - Multi Columns - Column Count, Column Gap 5:10 2015-07-27
37 [ Css3 In Arabic ] #37 - Multi Columns - Column Rule, Column Width 8:36 2015-07-27
38 [ Css3 In Arabic ] #38 - Multi Columns - Column Span, Shorthand 4:10 2015-07-27
39 [ Css3 In Arabic ] #39 - Animation - Intro & Keyframes 14:05 2015-07-27
40 [ Css3 In Arabic ] #40 - Animation - Name, Duration 11:00 2015-07-27
41 [ Css3 In Arabic ] #41 - Animation - Iteration Count, Direction 6:24 2015-07-27
42 [ Css3 In Arabic ] #42 - Animation - Delay, Fill Mode 11:49 2015-07-27
43 [ Css3 In Arabic ] #43 - Animation - Play State, Timing Function 7:39 2015-07-27
44 [ Css3 In Arabic ] #44 - Animation - Shorthand 6:09 2015-07-27
45 [ Css3 In Arabic ] #45 - Animation - Create Swing Dropdown 16:50 2015-07-27
46 [ Css3 In Arabic ] #46 - Animation - Create Wave Audio Loading 8:46 2015-07-27
47 [ Css3 In Arabic ] #47 - Animation - Create Snake Loading 7:52 2015-07-27
48 [ Css3 In Arabic ] #48 - Animation - Animation Outro 7:26 2015-07-27
49 [ Css3 In Arabic ] #49 - Selectors - Next, Start With, End With, Contains 12:13 2015-07-27
50 [ Css3 In Arabic ] #50 - Selectors - Checked, Enabled, Disabled, Empty 10:28 2015-07-27
51 [ Css3 In Arabic ] #51 - Selectors - Not, Last-Child, First-Of-Type 10:26 2015-07-27
52 [ Css3 In Arabic ] #52 - Selectors - Only-Child, Only-Of-Type, Selection 5:31 2015-07-27
53 [ Css3 In Arabic ] #53 - Selectors - Nth-Child, Nth-Of-Type Part 1 17:20 2015-07-27
54 [ Css3 In Arabic ] #54 - Selectors - Nth-Child, Nth-Of-Type Part 2 14:52 2015-07-27
55 [ Css3 In Arabic ] #55 - Font Face 14:13 2015-07-27
56 [ Css3 In Arabic ] #56 - Media Queries 14:54 2015-07-27
For your README

Embed a badge

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

Watch time: 10h 18m · 56 videos

Markdown
[![Watch time: 10h 18m · 56 videos](https://playlistduration.com/badge/playlist/PLDoPjvoNmBAyEyQaHOHO1HJtmSgGt07VC.svg)](https://playlistduration.com/playlist/PLDoPjvoNmBAyEyQaHOHO1HJtmSgGt07VC)
HTML
<a href="https://playlistduration.com/playlist/PLDoPjvoNmBAyEyQaHOHO1HJtmSgGt07VC"><img src="https://playlistduration.com/badge/playlist/PLDoPjvoNmBAyEyQaHOHO1HJtmSgGt07VC.svg" alt="Watch time: 10h 18m · 56 videos" width="210" 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/PLDoPjvoNmBAyEyQaHOHO1HJtmSgGt07VC returns them as JSON — free, no key. API docs →

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