Kezz BraceyJul 19, 2017Lessons: 18Length: 3.5 hours

Next lesson playing in 5 seconds

Overview
Transcript

2.6 Modals and Notification Bars

Much like tooltips, modals and notification bars historically depended on JavaScript. In this lesson you’ll learn how to make fully functional versions of these often-used UI elements with pure CSS3.

Related Links

1.Introduction
2 lessons, 05:29

2.The Projects
10 lessons, 2:16:38

2.1
CSS3 Loading Animations
15:59

2.2
Make Ordinary Links Interesting
15:07

2.3
Engaging CSS3 Buttons
12:40

2.4
Equal Height Columns
12:35

2.5
Tooltips and Citations
11:55

2.6
Modals and Notification Bars
14:57

2.9
Pure CSS “Anything” Slider
12:25

3.Conclusion
1 lesson, 01:18

4.Bonus Lessons
5 lessons, 1:06:28

4.3
CSS3 Borders and Backgrounds
09:36

4.4
CSS3 Grid Image Gallery
11:32

4.5
CSS3 Fullscreen Image Gallery
09:36

Kezz Bracey

Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.

10 CSS3 Projects: UI and Layout

Next lesson playing in 5 seconds

2.6 Modals and Notification Bars

1.Introduction
2 lessons, 05:29

1.1
Introduction
01:30

1.2
The Project Process
03:59

2.The Projects
10 lessons, 2:16:38

2.1
CSS3 Loading Animations
15:59

2.2
Make Ordinary Links Interesting
15:07

2.3
Engaging CSS3 Buttons
12:40

2.4
Equal Height Columns
12:35

2.5
Tooltips and Citations
11:55

2.6
Modals and Notification Bars
14:57

2.7
Animated CSS3 Tabs
11:59

2.8
CSS3 Menu Styles
13:35

2.9
Pure CSS “Anything” Slider
12:25

2.10
Rotatable 3D Cube
15:26

3.Conclusion
1 lesson, 01:18

3.1
Conclusion
01:18

4.Bonus Lessons
5 lessons, 1:06:28

4.1
CSS3 Carousel
17:45

4.2
CSS3 Flipbook
17:59

4.3
CSS3 Borders and Backgrounds
09:36

4.4
CSS3 Grid Image Gallery
11:32

4.5
CSS3 Fullscreen Image Gallery
09:36

10 CSS3 Projects: UI and Layout

Next lesson playing in 5 seconds

2.6 Modals and Notification Bars

1.Introduction2 lessons, 05:29

2.The Projects10 lessons, 2:16:38

3.Conclusion1 lesson, 01:18

4.Bonus Lessons5 lessons, 1:06:28

1.Introduction
2 lessons, 05:29

2.The Projects
10 lessons, 2:16:38

3.Conclusion
1 lesson, 01:18

4.Bonus Lessons
5 lessons, 1:06:28