Maison > Article > interface Web > CSS3 实现图片上浮动画_html/css_WEB-ITnose
CSS3 实现图片上浮动画_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:45:431275parcourir
.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%; Déclaration：
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
Article précédent：关于“div#xxxx{color:blue;}_html/css_WEB-ITnoseArticle suivant：纯CSS构造树状结构图_html/css_WEB-ITnose