模仿百度钱包

来源:互联网 发布:后序遍历的非递归算法 编辑:程序博客网 时间:2024/06/03 01:40
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>wallet</title><style type="text/css">body {background:#f14849;}#content {width: 300px;height: 300px;margin: 100px auto;position: relative;}#face1, #face2 {width: 300px;height: 300px;background:url(images/baidu_bg.png) left bottom  no-repeat;position: absolute;top: 0px;transition:all 1s;backface-visibility:hidden;  /*转过去以后隐藏*/}#content:hover #face1 {transform:rotateY(-180deg);}#content:hover #face2 {transform:rotateY(0deg);}#face1 {z-index: 6;}#face2 {background-position: -305px bottom;/*css中spirits技术*/transform:rotateY(-180deg);}</style></head><body><div id="content"><div id="face1"></div><div id="face2"></div></div></body></html>

0 0
原创粉丝点击