当前位置:网站首页>Video display and hiding of imitation tudou.com
Video display and hiding of imitation tudou.com
2022-07-05 01:49:00 【dengfengling999】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.tudo {
position: relative;
width: 444px;
height: 320px;
background-color: pink;
margin: 30px auto;
}
.tudo img {
width: 100%;
height: 100%;
}
.mask {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4) url(images/g.png) no-repeat center;
}
/* When the mouse passes the potato box , Let the mask layer show */
.tudo:hover .mask {
display: block;
}
</style>
</head>
<body>
<div class="tudo">
<div class="mask"></div>
<img src="images/photo.jpg" alt="">
</div>
</body>
</html>
result :
When the mouse clicks :
边栏推荐
- Wechat applet: exclusive applet version of the whole network, independent wechat community contacts
- C basic knowledge review (Part 3 of 4)
- Incremental backup? db full
- Heartless sword English translation of Xi Murong's youth without complaint
- 力扣剑指offer——二叉树篇
- Huawei machine test question: longest continuous subsequence
- Blue Bridge Cup Square filling (DFS backtracking)
- STM32 series - serial port UART software pin internal pull-up or external resistance pull-up - cause problem search
- If the consumer Internet is compared to a "Lake", the industrial Internet is a vast "ocean"
- 官宣!第三届云原生编程挑战赛正式启动!
猜你喜欢
Interesting practice of robot programming 14 robot 3D simulation (gazebo+turtlebot3)
Roads and routes -- dfs+topsort+dijkstra+ mapping
Exploration and Practice of Stream Batch Integration in JD
Win:使用 Shadow Mode 查看远程用户的桌面会话
小程序容器技术与物联网 IoT 可以碰撞出什么样的火花
Wechat applet: exclusive applet version of the whole network, independent wechat community contacts
"2022" is a must know web security interview question for job hopping
力扣剑指offer——二叉树篇
微信小程序;胡言乱语生成器
Wechat applet: the latest WordPress black gold wallpaper wechat applet two open repair version source code download support traffic main revenue
随机推荐
STM32 series - serial port UART software pin internal pull-up or external resistance pull-up - cause problem search
[OpenGL learning notes 8] texture
220213c language learning diary
Some query constructors in laravel (2)
Practice of tdengine in TCL air conditioning energy management platform
Redis' hyperloglog as a powerful tool for active user statistics
Visual studio 2019 set transparent background (fool teaching)
Exploration and Practice of Stream Batch Integration in JD
微信小程序:独立后台带分销功能月老办事处交友盲盒
172. Zero after factorial
Learn tla+ (XII) -- functions through examples
Win: enable and disable USB drives using group policy
Data guard -- theoretical explanation (III)
Timescaledb 2.5.2 release, time series database based on PostgreSQL
He was laid off.. 39 year old Ali P9, saved 150million
Win:使用 Shadow Mode 查看远程用户的桌面会话
Yyds dry inventory jetpack hit dependency injection framework Getting Started Guide
How to build a technical team that will bring down the company?
Pgadmin 4 V6.5 release, PostgreSQL open source graphical management tool
Win: use PowerShell to check the strength of wireless signal