Heerebout Ulrich

Portfolio

Introduction au SVG, aux transitions et aux transformations en CSS

Description

Consignes :

INSTRUCTIONS

Découverte du SVG et des transitions CSS

HTML

  • Utilisation d'images en SVG

CSS

  • Réalisation de l'exercice en mobil-first
  • Utilisation des transitions et transformations en CSS
  • Largeur limité à 1100px maximum
  • Police utilisé : "Bree Serif"
    • Taille de police (a convertir en rem) :
    • texte: 18px
    • nav : 20px
    • nom du logo et h1 : 40px
    • h3 : 30px
    • h4 : 15px
    • icone : 25px
    • strong : 20px
    • input et textarea : 16px

TRANSITIONS

  • logo :
    • zoom de 1.3 sur le losange
    • texte qui passe en rose
  • nav :
    • texte et icones passent en rose
    • texte et icones descendent de 10px
  • en savoir plus : background rose