Skip to content

Instantly share code, notes, and snippets.

@AladinDridi

AladinDridi/les pseudo classes -css3 exampel 1

Last active July 24, 2017 22:29
Show Gist options
  • Save AladinDridi/c0ada30e828063c5d3017be6c1c05a0f to your computer and use it in GitHub Desktop.
Save AladinDridi/c0ada30e828063c5d3017be6c1c05a0f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
les pseudo classes -css3 exampel 1
<html>
<head>
<meta charset="utf-8">
<Title>Les selecteurs en css3</Title>
<style type="text/css">
body{
background-color: aliceblue;
}
h3{
font-family: cursive;
text-align: center;
}
.card , .selection{
background-color: gainsboro;
width: 500px;
height: 400px;
margin: 20px auto;
color:white;
text-shadow: 50px 20px 10px 20px;
}
.card:hover{
background-color: aqua;
}
.selecter:focus{
text-decoration: overline;
text-transform: uppercase;
color:red;
}
</style>
</head>
<div class="card">
<h3>hover</h3>
</div>
<div class="selection">
<h3>Focus</h3>
<a class="selecter" href="www.google.fr">
Cliquez ici pour y accéder
</a>
</div>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment