9 boutons de dégradé Divi que vous pouvez télécharger gratuitement

/ * ————————————– * /

/ **** Bouton Dégradé Style 6 Rebond **** /

/ * ————————————– * /

.gradient_btn_style_6 {

Contexte: # 09203F; / * Anciens navigateurs * /

Contexte: mozlinéairepente(la gauche, # 09203F 0%, # 537895 100%); / * FF3.6-15 * /

Contexte: webkitlinéairepente(la gauche, # 09203F 0%, # 537895 100%); / * Chrome10-25, Safari5.1-6 * /

Contexte: linéairepente(à droite, # 09203F 0%, # 537895 100%); / * W3C, IE10 +, FF16 +, Chrome26 +, Opera12 +, Safari7 + * /

filtre: progid:DXImageTransform.Microsoft.pente( startColorstr=«# 09203F», endColorstr=«# 537895»,GradientType=1 ); / * IE6-9 * /

rembourrage: 15px 40px;

Couleur: #fff;

boîteombre: 0 10px 30px # 210f3840;

}

.gradient_btn_style_6:avant {

/ * Permalien – utilisez pour éditer et partager ce dégradé: http://colorzilla.com/gradient-editor/#ee9245+0,e34558+100 * /

Contexte: # 537895; / * Anciens navigateurs * /

Contexte: mozlinéairepente(la gauche, # 537895 0%, # 09203F 100%); / * FF3.6-15 * /

Contexte: webkitlinéairepente(la gauche, # 537895 0%, # 09203F 100%); / * Chrome10-25, Safari5.1-6 * /

Contexte: linéairepente(à droite, # 537895 0%, # 09203F 100%); / * W3C, IE10 +, FF16 +, Chrome26 +, Opera12 +, Safari7 + * /

filtre: progid:DXImageTransform.Microsoft.pente( startColorstr=«# 537895», endColorstr=«# 09203F»,GradientType=1 ); / * IE6-9 * /

}

.gradient_btn_style_6:flotter {

rembourrage: 15px 40px !important;

webkitanimation: balançoire 1s facilité;

animation: balançoire 1s facilité;

webkitanimationitérationcompter: 1;

animationitérationcompter: 1;

boîteombre: 0 15px 40px # 210f3840;

}

.gradientButton {

afficher: en lignebloquer;

ContexteTaille: 100%;

position: relatif;

zindice: 100;

}

.gradientButton:avant {

frontièrerayon: hériter;

contenu:'';

afficher: bloquer;

marge: 15px 40px;

la taille: 100%;

largeur: 100%;

position: absolu;

zindice: 100;

opacité: 0;

webkittransition: tout .5 s facilitédansen dehors;

moztransition: tout .5 s facilitédansen dehors;

otransition: tout .5 s facilitédansen dehors;

SPtransition: tout .5 s facilitédansen dehors;

transition: tout .5 s facilitédansen dehors;

}

.gradientButton:flotter:avant {

opacité: 1;

}

/ * Animation de balançoire * /

@webkitimages clés balançoire

{

15%

{

webkittransformer: translateX(5px);

transformer: translateX(5px);

}

30%

{

webkittransformer: translateX(5px);

transformer: translateX(5px);

}

50%

{

webkittransformer: translateX(3px);

transformer: translateX(3px);

}

65%

{

webkittransformer: translateX(3px);

transformer: translateX(3px);

}

80%

{

webkittransformer: translateX(2px);

transformer: translateX(2px);

}

100%

{

webkittransformer: translateX(0);

transformer: translateX(0);

}

}

@images clés balançoire

{

15%

{

webkittransformer: translateX(5px);

transformer: translateX(5px);

}

30%

{

webkittransformer: translateX(5px);

transformer: translateX(5px);

}

50%

{

webkittransformer: translateX(3px);

transformer: translateX(3px);

}

65%

{

webkittransformer: translateX(3px);

transformer: translateX(3px);

}

80%

{

webkittransformer: translateX(2px);

transformer: translateX(2px);

}

100%

{

webkittransformer: translateX(0);

transformer: translateX(0);

}

}

Leave a Reply 0 comments

Leave a Reply: