shajal-kumer / css-tips-and-tricks

CSS Tips & Tricks Practice

Home Page:https://shajal-kumer.github.io/css-tips-and-tricks/

Repository from Github https://github.comshajal-kumer/css-tips-and-tricksRepository from Github https://github.comshajal-kumer/css-tips-and-tricks

CSS Tips & Tricks

There are so many css tips and trics that we dont know. So i have tried to find out those trics and practiced.

Demo

https://shajal-kumer.github.io/css-tips-and-tricks/

Lessons Learned

  • transform variable trick
  • resizeable div
  • aspect ratio
  • calc function - unit conversion
  • css tooltip
  • :is selector
  • counter
  • conic gradient
  • clamp property
  • support property
  • writing mode property
  • smooth scroll and scroll-padding-top property
  • pointer-event
  • block vs inline
  • selection first letter
  • Invert the color on the screen
  • Adapt text on resize
  • Double shadow
  • Text Gradient

Screenshots

Image 1

Image 2

Tech Stack

Client: HTML, CSS

๐Ÿš€ About Me

I'm a front-end developer with backend knowledge.

๐Ÿ›  Skills

Front-end : Javascript, React, Next.js, HTML, CSS, Bootstrap, Tailwind, SASS, SVG, GSAP

Aditional Backend : Node.js, Express.js, MongoDB, MySQL

Acknowledgements

About

CSS Tips & Tricks Practice

https://shajal-kumer.github.io/css-tips-and-tricks/


Languages

Language:HTML 70.7%Language:CSS 29.3%