js实现滚动开窗开门效果代码
代码语言:html
所属分类:加载滚动
代码描述:js实现滚动开窗开门效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body{ margin: 0 auto; background:#ccc; } h3{ text-align:center; font-family:'Roboto', sans-serif; color:#aaa; } .elevator { height: 300px; width: 300px; border:2px solid silver; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url("//repo.bfw.wiki/bfwrepo/icon/61f0871e2c420.gif"); background-size: 100%; } .left{ height:100%; width:40%; position:absolute; background:#ccc; border-right:2px solid silver; left:0%; transition:200ms; box-shadow:2px 0px 2px #666; } .right{ height:100%; width:40%; position:absolute; background:#ccc; border-left:2px solid silver; right:0%; transition:200ms; box-shadow:-2px 0px 2px #666; } </style&.........完整代码请登录后点击上方下载按钮下载查看
网友评论0