On testera dans cette nouvelle activité la méthode scale() de css3. Commencer par créer un fichier activitescale.html
<!DOCTYPE html>
<html>
<head>
<title>methode CSS scale()</title>
<link rel="stylesheet" type="text/css" href="activitescale.css" />
</head>
<body>
<h1>scale()</h1>
<h2>La méthode scale() augmente ou diminue la taille d'un élément</h2>
<div class="message">bienvenue en css3</div>
</body>associer le premier fichier à un deuxième fichier css activitescale.css
body {
text-align:center;
}
h1 {
color:green;
}
.message:hover {
margin: 150px;
width: 200px;
height: 100px;
background-color: yellow;
border: 1px solid black;
transform: scale(2,4);
}Tester le résultat!