Maison > interface Web > tutoriel HTML > CSS3 实现图片上浮动画_html/css_WEB-ITnose

CSS3 实现图片上浮动画_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:45:43
original
1342 Les gens l'ont consulté


.gist {    width:220px;    height:130px;    background-image: url(2.jpg);    background-repeat:no-repeat;    border:5px solid green;    background-position:50% 50%;    transition:background-position 2s;    -moz-transition:background-position 2s; /* Firefox 4 */    -webkit-transition:background-position 2s; /* Safari and Chrome */    -o-transition:background-position 2s; /* Opera */}.gist:hover {  background-position: 50% -100px;}<div class="gist"></div>图片水平垂直居中:background-position:50% 50%;
Copier après la connexion



Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal