_box-sizing-border-box-explained-preview-1.jpg "box-sizing: border-box explained from box using css Video Screenshot Preview 1")
Gallery_box-sizing-border-box-explained-preview-3.jpg "box-sizing: border-box explained from box using css Video Screenshot Preview 3")
Gallery_box-sizing-border-box-explained-preview-hqdefault.jpg "box-sizing: border-box explained from box using css Video Screenshot Preview hqdefault")
GalleryPlay Video:
(Note: The default playback of the video is HD VERSION. If your browser is buffering the video slowly, please play the REGULAR MP4 VERSION or Open The Video below for better experience. Thank you!)
Jump To Video Parts
⏲ Duration: 5 minutes 22 seconds
👁 View: 109.4K times
Play Audio:👁 View: 109.4K times
Description:
Kevin Powell
Kevin Powell
Share with your friends:
Whatsapp | Viber | Telegram | Line | SMS
Email | Twitter | Reddit | Tumblr | Pinterest
Related Videos
_css-modal.webp "Using CSS3 techniques a modal box can be created without using JavaScript or images. With a bit of animation, transition and transform, this modal can be made that little bit more special.nnSee the real demo here: http://paulrhayes.com/experiments/modal/")
_learn-css-box-model-with-real-world-examples.webp "Slaying The Dragon")
_meagan-fisher-124-creating-lifelike-designs-with-css3-124-fronteers-2010.webp "CSS3 allows us to make designs feel like part of the natural world; with the organic curves of border radius, the subtle lighting effects of box-shadow, and the gentle glow of text-shadow, websites can feel more lifelike than ever. CSS3 animations and transitions add a new dimension of character to the experience of using a site, and multiple background images allow for rich textures. In my talk, I'll explain how you can use CSS3 techniques to make your designs jump off the screen.")
_box-sizing-border-box-explained.webp "Kevin Powell")
_html-amp-css-for-beginners-part-12-the-css-box-model-margin-borders-amp-padding-explained.webp "Kevin Powell")
⏲ 18 minutes 52 seconds 👁 67.6K
_chrome-dev-tools-elements.webp "Info and mini-lesson on the Elements tab of Chrome Dev Tools. Check out more in-depth documentation here: https://developers.google.com/web/tools/iterate/inspect-styles/basicsnnWe will be using the webpage http://www.mckellen.com/ per suggestion of Free Code Camp user kmiasko.nnPlease check out the Chrome Dev Tools documentation at https://developers.google.com/web/tools/chrome-devtools/ nnIf you right click and select 'Inspect element', you can have access to the elements tab. You can change te")
_css-modal.jpg)
_learn-css-box-model-with-real-world-examples.jpg)
_meagan-fisher-124-creating-lifelike-designs-with-css3-124-fronteers-2010.jpg)
_box-sizing-border-box-explained.jpg)
_html-amp-css-for-beginners-part-12-the-css-box-model-margin-borders-amp-padding-explained.jpg)
_chrome-dev-tools-elements.jpg)
![[+]](/images/menu.gif){kind=small}