Title: 20 CSS Tricks You Probably Haven't Used Before
Moocable is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

20 CSS Tricks You Probably Haven't Used Before

Description

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:

  • Gradient Text
    • First letter 
      • Numbered list
        • Multiple backgrounds
          • Filter blur
            • Font shorthand
              • Truncate text 
                • Line-clamp 
                  • Cross-Browser Text Selection Color
                    • Character Units
                      • Custom Bullet Points
                        • Object-fit
                          • Conic-gradient 
                            • Drop-shadow
                              • <wbr>
                                • Text-stroke
                                  • Adjacent Sibling Combinator
                                    • General Sibling Combinator
                                      • Viewport height and witdh units
                                        • Column count

                                          RESOURCES

                                          • https://atom.io/
                                          • https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_combinator
                                          • https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator
                                          • https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr



Free Trial Available

1 hour 12 minutes

20 CSS Tricks You Probably Haven't Used Before

Affiliate notice

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:

  • Gradient Text
    • First letter 
      • Numbered list
        • Multiple backgrounds
          • Filter blur
            • Font shorthand
              • Truncate text 
                • Line-clamp 
                  • Cross-Browser Text Selection Color
                    • Character Units
                      • Custom Bullet Points
                        • Object-fit
                          • Conic-gradient 
                            • Drop-shadow
                              • <wbr>
                                • Text-stroke
                                  • Adjacent Sibling Combinator
                                    • General Sibling Combinator
                                      • Viewport height and witdh units
                                        • Column count

                                          RESOURCES

                                          • https://atom.io/
                                          • https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_combinator
                                          • https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator
                                          • https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr