Thread by @Prathkum

Let's see some cool CSS features that have not yet been standardized.

🧵👇🏻

In this thread I will be covering features of webkit extension but you do the same thing for mozilla as well

Here: developer.mozilla.org/en-US/docs/Web…

{ 2 / 8 }

1️⃣ -webkit-tap-highlight-color

-webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped.

{ 3 / 8 }

2️⃣ -webkit-text-stroke

- Using webkit-text-stroke you can add the outline in text which will add a appealing effect in your text 😎

Code: codepen.io/prathamkumar/p…

{ 4 / 8 }

3️⃣ -webkit-box-reflect

- The -webkit-box-reflect CSS property lets you reflect the content of an element in one specific direction.

Code: codepen.io/prathamkumar/p…

{ 5 / 8 }

4️⃣ -webkit-overflow-scrolling

- This propety controls whether or not touch devices use momentum-based scrolling for a given element.

For example, check this carousel in your touch devices

Code: codepen.io/prathamkumar/p…

{ 6 / 8 }

5️⃣ -webkit-touch-callout

- The -webkit-touch-callout CSS property controls the display of the default callout shown when you touch and hold a touch target.

{ 7 / 8 }

Although these features are not currently standardized, but this could be the future of CSS😉