bouton

CSS/styles.css

@@ -60,8 +60,44 @@ nav{
 
 }
 
+.button {
+	width: 9.5em;
+	height: 2.3em;
+	margin: 0.5em;
+	background: rgb(255, 0, 0);
+	color: rgb(0, 0, 0);
+	border: none;
+	border-radius: 1.625em;
+	font-size: 20px;
+	font-weight: bold;
+	cursor: pointer;
+	position: relative;
+	z-index: 1;
+	overflow: hidden;
+}
+   
+.button:hover {
+	color: rgb(255, 0, 0);
+}
 
-
+.button:after {
+	content: "";
+	background: rgb(0, 0, 0);
+	position: absolute;
+	z-index: -1;
+	left: -20%;
+	right: -20%;
+	top: 0;
+	bottom: 0;
+	transform: skewX(-45deg) scale(0, 1);
+	transition: all 0.5s;
+}
+   
+.button:hover:after {
+	transform: skewX(-45deg) scale(1, 1);
+	-webkit-transition: all 0.5s;
+	transition: all 0.5s;
+}
 
 
 #icone{