When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

20 CSS Tricks You Probably Haven't Used Before

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 12 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About 20 CSS Tricks You Probably Haven't Used Before

Introduction

Preparations – what you need

Trick #1 – Multiple Backgrounds

Trick #2 – Viewport width & height units (vw & vh)

Trick #3 – Font shorthand

Trick #4 – Text stroke

Trick #5 – Drop shadow

Trick #6 – Filter blur

Trick #7 – Character unit (ch)

Trick #8 – First letter

Trick #9 – Line clamp

Trick #10 – Numbered list

Trick #11 – Truncate text

Trick #12 – Gradient text

Trick #13 – Cross Text Selection

Trick #14 – Conic gradient

Trick # 15 – Word break tag

Trick #16 – Custom Bullet Points

Trick #17 – Object fit

Trick #18 – Column count

Trick #19 – Adjacent Sibling Combinator

Trick #20 – General Sibling Combinator

Final word

What You Will Learn?

  • Have you ever heard about line-clap, conic-gradient or adjacent sibling combinator? .
  • In my classes, you’re going to learn some new & not very popular CSS tricks and properties that will help you to level up your web design skills. The classes are divided into small and tasty CSS chunks every followed by practical examples and exercise..
  • The classes will cover properties such as: line-clamp, CSS counter (styling ordered list), custom bullet points, multiple backgrounds, vw & vh units, column-count, text-stroke, gradient text and much more! .
  • The course is destined for everyone who has ever written a line of CSS code. If you’d like to start from the basics, I strongly recommend you to explore my previous classes:.
  • Full list of the properties I'm mentioning in the course:.
  • RESOURCES.