Archives de catégorie : images

CSS : réaliser des animations 3D

Vous pouvez désormais créer des boites 3D (boites avec un axe Z et un point de fuite). Vous pouvez concevoir une animation consistant en un déplacement de « sprites » sur cet axe Z. Avec les navigateurs récents vous pouvez utiliser des … Lire la suite

Publié dans CSS, images | Laisser un commentaire

CSS : effets 2D et 3D

Vous pouvez faire des transformations fluides 2D voire 3D. Je dis fluide car la transformation est assortie d’une transition. Lire la suite

Publié dans CSS, images | Laisser un commentaire

CSS : propriété clip-path

La propriété clip-path permet de faire apparaître une dans un triangle, un trapèze, etc. Il suffit de définir un chemin fermé (une forme) et de l’appliquer à l’image. Toute la partie de l’image extérieure au chemin est masquée. Vous pouvez aussi appliquer … Lire la suite

Publié dans CSS, images | 2 commentaires

CSS : la propriété filter

Vous voulez insérer, par exemple, dans une page web une photo qui doit apparaître floutée et couleur « sépia ». Plus besoin de passer par un logiciel graphique tel Photoshop ou Gimp pour modifier la photo originale. Il vous suffit désormais de … Lire la suite

Publié dans CSS, images | Laisser un commentaire

Canvas : zone de dessin adaptative

Vous avez réalisé un superbe dessin dans une page web de votre site avec l’API Canvas mais dès que vous affichez cette page via un smartphone c’est la cata … En effet vous vous êtes contenté d’utiliser les attributs width … Lire la suite

Publié dans canvas, CSS, images | Laisser un commentaire

Inkscape : vectoriser une photo

Si vous voulez donner à une photo un côté artistique alors vectorisez la avec le logiciel Inkscape. La photo d’origine : L’image vectorielle obtenue. Grâce à Inkscape vous êtes devenu un artiste graphique ! Voir l’article dans mon tuto sur … Lire la suite

Publié dans images, Inkscape, SVG | Laisser un commentaire

Orthographe pour les nuls

Vous avez des soucis avec l’orthographe … Il n’y a pas de fatalité ! Avec quelques notions et quelques astuces vous pouvez améliorer votre orthographe. Orthographe : kit de secours

Publié dans images, Orthographe | Laisser un commentaire