<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>CSS3转换 | css遮罩</title><script> function showDiv(){ document.getElementById('bg').style.display = 'block'; document.getElementById('show').style.display = 'block'; } function hidden1(){ document.getElementById('bg').style.display = 'none'; document.getElementById('show').style.display = 'none'; }</script><style> #bg{ background-color:#000000; opacity:0.5; width:100%; height:100%; z-index:1000; position:absolute; top:0%; left:0%; display:none } #show{ background-color:white; width:500px; height:500px; z-index:1002; border:6px solid #E8E9F7; position:absolute; top:20%; left:20%; display:none; border-radius:25px;} #css3div{ opacity: 0.6; font-size:16px; color:#FFFFFF; border-radius:10px; border:5px solid #FFCC99; background-color:#66FF99; width:100px; height:50px; text-align:center; padding-top:30px; margin-left:40%; -webkit-transition: width 2s, height 2s, -webkit-transform 2s, opacity 1s, background 1s, font-size 1s; } #css3div:hover{ width:150px; height:70px; -webkit-transform:rotate(360deg); background-color:#6633FF; opacity: 1; font-size:20px; color:#FFFFFF; } </style></head><body><input type="button" onClick="showDiv()" value="show" /><div id='bg'></div><div id="show"> <input type="button" onClick="hidden1()" value="hidden" /> <h1 style="text-shadow: 5px 5px 5px #FF0000;">哈哈的厉害厉害</h1> <div id='css3div'>CSS3效果</div></div></body></html>Copy after login
How to check jvm memory usage
How to solve the problem that scanf return value is ignored
What are the parameters of marquee?
Usage of ppf function in Python
Top 10 most secure digital currency exchanges in 2024
The difference between mysql and sql_server
Solution to computer display error code 651
What should I do if chaturbate is stuck?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
