模仿百度钱包

逃离我推掉我的手 2022-08-02 00:23 181阅读 0赞

<!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 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

相关零基础学前端（五）HTML+CSS实战：模仿百度网站首页

1. 该篇适用于从零基础学习前端的小白2. 初学者不懂代码得含义也要坚持模仿逐行敲代码，以身体感悟带动头脑去理解新知识3. 初学者切忌，不要眼花缭乱，不要四处找其它文档，...

淩亂°似流年/ 2024年04月22日 15:18/ 0 赞/ 70 阅读

相关 Android定位，百度SDK，百度定位

百度地图定位SDK提供了GPS、基站、WiFi、地磁、蓝牙、传感器等多种定位方式，适用于室内、室外多种定位场景，定位精度高、覆盖率广、网络定位请求流量小、定位速度快； ![c

￡神魔★判官ぃ/ 2023年10月07日 22:47/ 0 赞/ 94 阅读

相关百度地图

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&services=true"></

电玩女神/ 2022年10月01日 03:58/ 0 赞/ 442 阅读

相关 [百度笔试]百度笔试大集锦

1 编程：　　用C语言实现一个revert函数，它的功能是将输入的字符串在原串上倒序后返回。 2 编程：　　用C语言实现函数void \ memmove(void

- 日理万妓/ 2022年09月17日 10:23/ 0 赞/ 275 阅读

相关模仿百度钱包

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

逃离我推掉我的手/ 2022年08月02日 00:23/ 0 赞/ 182 阅读

相关百度

![20180326235747524][] <!DOCTYPE html> <html lang="en"> <head> <meta c

我不是女神ヾ/ 2022年05月28日 00:56/ 0 赞/ 303 阅读

相关 JAVAWEB简单模仿百度分页

public class BaseBean { private Integer page = 1; public Integer getPage(

以你之姓@/ 2022年04月22日 14:36/ 0 赞/ 255 阅读

相关模仿百度的查询下拉框

quickQuery.rar 效果图： ![b092cb26-3c9e-352d-8f2b-8c9d334c99d8.jpg][] 嘿嘿。。自己看吧

朴灿烈づ我的快乐病毒、/ 2022年04月22日 03:56/ 0 赞/ 638 阅读

相关 jsp页面数据分页模仿百度分页效果(实例讲解)

废话不多说，直接上代码请根据自己的项目、包名修改 <%@page import="web09.shop.DBUtil"%> <%@page import

清疚/ 2021年11月23日 10:28/ 0 赞/ 295 阅读

相关 opencart 百度登录和百度钱包支付插件响应式适应pc/mobile

OpenCart（[http://www.opencart.com/][http_www.opencart.com]，[http://www.opencartchina.com

梦里梦外;/ 2021年11月02日 02:52/ 0 赞/ 304 阅读