下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家,也给大家做个参考。
- .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%;
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。