filmov
tv
CSS Tutorial 38 - object fit property
Показать описание
In this CSS tutorial I go over the object-fit property. With the object-fit property, you can specify how an image or video is resized to fit its container.
By default, the object-fit property is set to fill, which means the image will be stretched or squished to fit.
By setting object-fit property to contain, it will maintain the aspect ratio, thus shrinking the image size as per the container.
By setting object-fit property to none, it will not shrink down the image to fit container. Only what can fit in container will get shown, rest will be trimmed.
By setting object-fit property to cover, it will maintain the aspect ratio and will be clipped if necessary.
By default, the object-fit property is set to fill, which means the image will be stretched or squished to fit.
By setting object-fit property to contain, it will maintain the aspect ratio, thus shrinking the image size as per the container.
By setting object-fit property to none, it will not shrink down the image to fit container. Only what can fit in container will get shown, rest will be trimmed.
By setting object-fit property to cover, it will maintain the aspect ratio and will be clipped if necessary.
0:04:42
CSS Tutorial For Beginners 38 - Padding
0:04:38
Learn CSS Positions in 4 minutes
0:01:54
CSS Tutorial for Beginners - 38 - Custom cursor
0:04:46
CSS Tutorial for Beginners - 33 - Floating an element
0:00:58
🚀 CSS transform tutorial | html css tutorial
0:09:07
CSS object fit property
0:10:12
CSS Tutorial: Transform property in CSS | Web Development Tutorials #38
0:06:36
HTML and CSS Tutorial for beginners 38 - Table Element in HTML
0:10:09
Create an Animated Login Form Using HTML _ CSS | Easy Step by Step Tutorial
0:27:58
CSS Flexbox - Ultimate MasterClass | Sigma Web Development Course - Tutorial #38
0:00:47
css transform
0:00:18
External css
0:05:44
CSS Tutorial for Beginners 38 - Selectors Continued
0:03:57
37. Changing image size with object-fit - Responsive CSS Tutorial
0:07:49
38. Styling recent articles for large screens - Responsive CSS Tutorial
0:05:54
The object-fit property in CSS - Maintain aspect ratio on images or video - Web Design Tutorial
0:05:29
CSS Utility Classes & ID vs Classes(Tutorial 38)
0:09:39
10 CSS Pro Tips - Code this, NOT that!
0:00:48
10/100 Tricks: Border on Text | Text Stroke | HTML CSS JS Animation and Effects #css #webdevelopment
0:02:25
CSS Tutorial for Beginners - 35 - Fixed position for an element
0:15:39
CSS Anchor Is The Best New CSS Feature Since Flexbox
0:00:10
#30 text-transform | CSS | Frontend | Take it easy #shorts
6:18:38
CSS Tutorial - Zero to Hero (Complete Course)
0:19:38
Learn Every CSS Selector In 20 Minutes
Комментарии