jquery实现手风琴悬浮显示油画效果代码
代码语言:html
所属分类:悬停
代码描述:jquery实现手风琴悬浮显示油画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { margin: 0; padding: 0; } body { background-color: #171717; margin: 200px; } .box { width: 1210px; height: 400px; border: 10px solid #151515; margin: 50px auto; background-color: #151515; border-right: 0; } .box>div { width: 200px; height: 400px; opacity: .3; float: left; background: url("//repo.bfw.wiki/bfwrepo/image/609b47f79828c.png") no-repeat center center; transition: all .7s ease 0s; } .box>div:hover { opacity: 1; } .box>div h1 { color: #fff; font-size: 70px; padding: 40px 40px 0; } </style> </head> <body> <div class="box"> <div> <h1>1</h1> </div> <div style="background-image: url('//repo.bfw.wiki/bfwrepo/image/609b480d1f304.png');"> <h1>2</h1> &l.........完整代码请登录后点击上方下载按钮下载查看
网友评论0