Скачать или смотреть How to build a stylish credit card layout (glassmorphism) // HTML & CSS in-depth

Learn how to build a stylish credit card layout in this in-depth episode about HTML & CSS and see how to
✔️ use the backdrop-filter for smooth gradients
✔️ use CSS aspect-ratio property
✔️ use CSS grid layout
✔️ target SVG with your css
✔️ use CSS variables

⌨️ CODE ⌨️

https://codepen.io/crayon-code/pen/xx...

🖇️ USEFUL LINKS 🖇️

🔗 Complete guide to grid layout https://css-tricks.com/snippets/css/c...
🔗 CSS custom properties / variables on MDN https://developer.mozilla.org/en-US/d...
🔗 aspect-ratio on MDN: https://developer.mozilla.org/en-US/d...

🔔 SUBSCRIBE & LIKE 🔔

▶️    / @crayoncode  

⏱️ TIMESTAMPS ⏱️

00:00 Markup & Basic CSS Setup
01:18 Background gradient
03:40 SVG Stripes
04:27 Content Grid Layout


👋 FOLLOW

📸 INSTAGRAM:   / crayon_code  

🏷️ HASHTAGS 🏷️

#html #css #js #tutorial

🎵 Music 🎵

Track "Flight" by LiQWYD:
  / liqwyd  
https://spoti.fi/2RPd66h
https://apple.co/2TZtpeG
  / liqwyd  
  / liqwyd  
  / liqwyd  

Track "Roads 2" by Le Gang (ft. LiQWYD)

  / thisislegang  
  / thisislegang  
  / thisislegang  
   / @legangmusic  
https://open.spotify.com/artist/5LfHq...

  / liqwyd  
https://spoti.fi/2RPd66h
https://apple.co/2TZtpeG
  / liqwyd  
  / liqwyd  
  / liqwyd