CSS TUTORIAL FOR BEGINNERS - PART 5 - by kodegod
This is part 5 of CSS3, second from our series on learning web development. In this video, you will learn about the basics of CSS, its Uses, advantages, and know can learn CSS. We will also learn about selectors, different types of selectors, basic properties, and their values.
Continuing forward in the series we are going to learn about CSS animations, transitions, flexbox, 2D, and 3D transformation. Will all these topics you will complete 2nd part of our
web development course.
/* Index */
00:00:21 2D Transforms
00:02:04 2D Transforms functions - translate
00:03:56 2D Transforms functions - translateX
00:04:26 2D Transforms functions - translateY
00:04:40 2D Transforms functions - rotate
00:05:28 2D Transforms functions - scale
00:06:39 2D Transforms functions - scaleX
00:07:04 2D Transforms functions - scaleY
00:07:14 2D Transforms functions - skew
00:08:01 2D Transforms functions - skewX
00:08:15 2D Transforms functions - skewY
00:08:51 Multiple 2D transformation at once
00:09:24 3D Transforms
00:10:30 3D Transforms functions - translate3d
00:11:28 3D Transforms functions - translateX
00:11:48 3D Transforms functions - translateY
00:11:54 3D Transforms functions - translateZ
00:12:28 3D Transforms functions - rotate3d
00:13:17 3D Transforms functions - rotateX
00:13:27 3D Transforms functions - rotateY
00:14:05 3D Transforms functions - rotateZ
00:14:32 3D Transforms functions - scale3d
00:15:21 3D Transforms functions - scaleX
00:15:41 3D Transforms functions - scaleY
00:15:53 3D Transforms functions - scaleZ
00:16:05 Multiple 3D transformation at once
00:16:46 Transitions
00:17:13 Transition property - transition-property
00:17:27 Transition property - transition-duration
00:17:37 Transition property - transition-delay
00:17:56 Transition property - transition-timing-function
00:19:46 Animations
00:20:17 Animation properties
00:24:40 Live example - 2D and 3D transforms, transitions and animation
00:42:49 Multi-column layout
00:43:20 Multi-column layout property - column-count
00:43:51 Multi-column layout property - column-width
00:44:15 Multi-column layout property - column-gap
00:44:43 Multi-column layout property - column-rule
00:45:18 Multi-column layout property - column-fill
00:46:02 Box sizing
00:46:52 Box sizing - content-box
00:47:28 Box sizing - border-box
00:48:03 Flexible box layout - flexbox
00:49:45 Flexible box layout - flex-direction
00:51:08 Flexible box layout - flex
00:51:43 Flexible box layout - Aligning flex items
00:52:04 Aligning flex items - justify-content
00:54:25 Aligning flex items - align-items
00:55:45 Aligning flex items - align-self
00:56:48 Aligning flex items - align-content
00:58:07 Flexible box layout - order
00:58:59 Flexible box layout - flex-wrap
00:59:50 Horizontal and vertical center
01:00:31 Live examples - Multi-column layout, box sizing and flexible box layout
==============================
● Let's stay in touch!
==============================
YOUTUBE = http://bit.ly/KodeGodYT
TWITTER = / kodegod
FACEBOOK = / kodegod
WEBSITE = https://www.kodegod.com
Смотрите видео CSS TUTORIAL FOR BEGINNERS - PART 5 - by kodegod онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь kodegod 04 Июнь 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,656 раз и оно понравилось 29 людям.