CSS can do that?

CSS can do that? : 11 astuces à utiliser en CSS

Le CSS ne cesse d’évoluer et d’impressionner. Pour pas mal d’utilisations il n’est plus forcément nécessaire de faire appel au JavaScript. C’est une bonne chose, car cela permet d’alléger nos pages HTML.

CSS can do that? recense 11 astuces possibles en CSS, peut être que vous en connaissez déjà certaines. On y trouve entre autres une façon de faire un dégradé conique pour créer un graphique avec la propriété CSS conic-gradient, un effet sur du texte avec la propriété mix-blend-mode, une technique pour créer un dégradé sur du texte avec la propriété CSS linear-gradient et même un card flip avec la propriété backface-visibility

Quelques exemples :

Exemple CSS avec linear-gradient

 

Exemple CSS avec mix-blend-mode

 

Exemple CSS avec drop-shadow

 

Il reste néanmoins toujours le problème du navigateur, et il ne faut pas l’oublier. Certaines des astuces présentées dans l’article CSS can do that? ne sont pas forcément encore utilisables partout. Mais ça ne saurait tarder. Afin de vérifier la compatibilité avec les navigateurs vous pouvez utiliser l’outil Can I use que j’ai présenté il y a quelques temps.

 

Laisser un commentaire :

Votre adresse email ne sera pas publiée.