Astuces CSS

Astuces CSS

8 février 2020 Non Par stephanie

Le pseudo-élément ::placeholder représente le texte de substitution pour un élément <input> ou <textarea>. Cela permet aux développeurs web de personnaliser l’apparence de ce texte.

::placeholder {
color: blue;
font-size: 1.5em;
}

mix-blend-mode: https://developer.mozilla.org/fr/docs/Web/CSS/mix-blend-mode

COMMENT FAIRE UN TEXTE DÉFILANT EN CSS ? c’est ici

Cacher un titre h1 derrière un logo https://www.zonecss.fr/proprietes-css/clip-css.html

remplir un bouton en css https://www.djwebcreator.fr/css/des-effets-de-remplissage-en-css/

Utiliser des effets prédéfinis sur vos polices grâce à la Google Fonts API. https://www.artwai.com/optimiser-les-google-fonts/

Rendre une iframe d’une vidéo youtube entièrement responsive tout en gardant le ratio 16/9 original https://www.grafikart.fr/tutoriels/video-iframe-responsive-385

Customiser la scrollbar sur les navigateurs utilisant le moteur de rendu Webkit (Google chrome, Safari, Microsoft Edge) https://www.screenfeed.fr/blog/personnaliser-les-scrollbars-webkit-0366/

Centrer verticalement une div positionnée en absolu avec & sans hauteur définie https://www.alsacreations.com/tuto/lire/1032-Comment-centrer-verticalement-sur-tous-les-navigateurs-.html

Intégrer un logo en SVG, changer ses couleurs & son échelle lors du mouseover http://www.trucsweb.com/tutoriels/infographie/svg-couleurs-dimensions/

plus d’astuce ?

https://fr.tuto.com/css/10-nouvelles-astuces-css-volume-3-css,51571.html