.$ {filter: drop-shadow(5px 5px 2px #757575);}}

.$ { border-width:3px; border-style:dotted; border-color:black; }

.$ { border-width:3px; border-style:dashed; border-color:black; }

.$ { border-width:3px; border-style:double; border-color:black; }

.$ { border-width:3px 4px 3px 4px; border-style:solid dotted; border-color:black red; padding:0 10px; }

.$ {animation: nom_anim_bouton 1s infinite alternate} @keyframes nom_anim_bouton{ from{box-shadow:0 0 5px hsl(0,53%,46%)} to{box-shadow:0 0 15px hsl(0,50%,46%)} }

.$ {box-shadow: 2px 2px #1c87c9, 4px 4px #ccc, 6px 6px #8ebf42;}

.$ {animation:pulsation_bouton 1s infinite alternate} @keyframes pulsation_bouton { from{box-shadow:0 0 0 -3px hsla(0,0%,100%,0),0 0 0 0 #e85265} to{box-shadow:0 0 0 10px hsla(0,0%,100%,0),0 0 0 10px #e85265}}}

.$ { -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: linear; box-shadow:0px 0 0 #80b1b5 inset;} .$:hover{-webkit-box-shadow: -500px 0 0 #80b1b5 inset;}

.$:hover{animation: nom_anim_bouton 1s infinite alternate} @keyframes nom_anim_bouton{ from{box-shadow:0 0 5px hsl(0,53%,46%)} to{box-shadow:0 0 15px hsl(0,50%,46%)}}

.$ { animation: horizontal-shaking 0.55s infinite; } @keyframes horizontal-shaking { 0% { transform: translateX(0) } 25% { transform: translateX(5px) } 50% { transform: translateX(-5px) } 75% { transform: translateX(5px) } 100% { transform: translateX(0) } }

.$ { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out} .zoom:hover{ -webkit-transform: scale(1.3); transform: scale(1.3); } .$:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}

.$ {-webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .$:hover{ -webkit-transform: scale(.8); transform: scale(.8);}

.$:hover{ -webkit-transform: rotate(-10deg);}}

.$:hover{ -webkit-transform: rotate(5deg);}

.$ {animation: hu__hu__ infinite 2s ease-in-out} @keyframes hu__hu__ {50% { transform: translateY(30px)}}

.$:hover{animation:pulsation_bouton 1s infinite alternate} @keyframes pulsation_bouton { from{box-shadow:0 0 0 -3px hsla(0,0%,100%,0),0 0 0 0 #e85265} to{box-shadow:0 0 0 10px hsla(0,0%,100%,0),0 0 0 10px #e85265}}

.$ { background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

.$:hover{ background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }