Comment utiliser CSS pour vos images ?
Vous connaissez l'adage : "une image vaut mille mots". Oui c'est vrai, nous sommes dans une ère de l'image. Maîtriser l'affichage est donc un moyen de vous démarquer.
La personnalisation est aujourd'hui rendue possible grâce aux langages
HTML et
CSS. Le HTML pour afficher l'image via une balise
img. Le CSS pour mettre en forme ce média.
Nous pourrons ajouter des
effets et même des
animations grâce au CSS !
Le développeur front end utilisera différentes propriétés CSS pour travailler avec ses images. En voici par exemple quelques unes :
- comment mettre une image de fond (background images)
- répéter une image en font (background repeat no repeat)
- gérer la position du fond (background position)
- ajouter un contour (border image)
- ajouter une ombre portée (box shadow)
- arrondir les coins d'une image (border radius)
- un effet de survol
- etc..
Un tuto images CSS pour apprendre à obtenir l'effet désiré
Nos
cours en vidéo vont vous permettre d'apprendre à travailler l'apparence de vos images grâce au CSS.
Le langage CSS est une langage de programmation vivant, il est donc important pour un développeur de
maintenir à jour vos compétences.