75 lines
1.3 KiB
CSS
75 lines
1.3 KiB
CSS
|
/*
|
||
|
|
To change this license header, choose License Headers in Project Properties.
|
||
|
|
To change this template file, choose Tools | Templates
|
||
|
|
and open the template in the editor.
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
Created on : 7 mars 2016, 11:38:26
|
||
|
|
Author : therbron
|
||
|
|
*/
|
||
|
|
|
||
|
|
div.titreOmbre{
|
||
|
|
border: 2px solid green;
|
||
|
|
border-radius: 10px;
|
||
|
|
text-align: center;
|
||
|
|
color: white;
|
||
|
|
width: 300px;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.titreOmbre:hover{
|
||
|
|
box-shadow: 0px 0px 20px 5px green;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.degradeLineaire{
|
||
|
|
background: linear-gradient(to left, blue, white);
|
||
|
|
width: 200px;
|
||
|
|
height: 180px;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.degradeRadial{
|
||
|
|
background: radial-gradient(100px, green, lightgreen);
|
||
|
|
width: 200px;
|
||
|
|
height: 180px;
|
||
|
|
position: absolute;
|
||
|
|
left: 250px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.boite1{
|
||
|
|
background: green;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.boite2{
|
||
|
|
background: lightgreen;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.boite3{
|
||
|
|
background: pink;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.boites{
|
||
|
|
width: 300px;
|
||
|
|
height: 300px;
|
||
|
|
position: relative;
|
||
|
|
top: 250px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.onbouge{
|
||
|
|
width: 30px;
|
||
|
|
height: 30px;
|
||
|
|
border-radius: 15px;
|
||
|
|
background: red;
|
||
|
|
position: relative;
|
||
|
|
top: 200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.onbouge:active{
|
||
|
|
animation: bougehorizontal 1s linear 0s infinite alternate;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes bougehorizontal{
|
||
|
|
0% {left: 0px;}
|
||
|
|
50% {left: 200px;}
|
||
|
|
100% {left: 400px;}
|
||
|
|
}
|