欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-23 12:11:03
...
.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;}图片水平垂直居中:background-position:50% 50%;