10 nouvelles astuces CSS VOLUME 3

Dans cette formation CSS Volume 3, nous allons découvrir 10 nouvelles astuces pour faciliter toujours plus l'intégration de votre site internet.

Au programme de ce tuto 10 astuces CSS Volume 3 :

• Modifier la couleur de sélection d'un texte ainsi que celle du placeholder (dans un champ de formulaire par exemple)
• Reproduire l'effet produit de Photoshop sur une image grâce au blend mode
• Faire défiler plusieurs phrases sur une même ligne en jouant sur l'animation, la durée, et la couleur de celles-ci
• Cacher un titre h1 derrière un logo (pour que les robots de Google puisse lire le contenu quand ils passent sur votre site)
• Remplir un bouton d'une couleur de gauche à droite, au passage de la souris
• Utiliser des effets prédéfinis sur vos polices grâce à la Google Fonts API
• Rendre une iframe d'une vidéo youtube entièrement responsive tout en gardant le ratio 16/9 original
• Customiser la scrollbar sur les navigateurs utilisant le moteur de rendu Webkit (Google chrome, Safari, Microsoft Edge)
• Centrer verticalement une div positionnée en absolu avec & sans hauteur définie
• Intégrer un logo en SVG, changer ses couleurs & son échelle lors du mouseover

Les Volume 1 & 2 sont disponibles sur la plateforme :

• PACK Astuces - vol.1
• PACK Astuces - vol.2

Toutes les sources de chaque astuce sont fournies dans des dossiers séparés pour faciliter le suivi de chaque vidéo.
Il est conseillé d'avoir les bases du HTML et du CSS pour suivre cette formation dans de bonnes conditions.
Bonne formation à tous !