首页
导航
博客
电子书
算法
众创
代码
随贴
关于我们
您好,欢迎来到码863代码分享网! 请
[登录]
/
[注册]
搜 索
最简单css3动画渐变偏移消失,任何css都类似可动画
编辑
代码正文
双击正文可选择全部
1[代码][html]
尝试一下
<!DOCTYPE html> <html style="height:500%"> <head> <meta charset="utf-8"/> <title>css3动画渐变偏移消失</title> <style> #container{ width:500px; height:500px; margin: auto; border:1px solid #ccc; //box-shadow: 0 15px 35px 3px rgba(0, 0, 0, 0.5); position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index:99999; -webkit-transition: all 1s ease .5s; transition: all 1s ease .5s; opacity:1; } #container:hover{ top:300px; opacity:0; } </style> </head> <body style="height:500%"> <div id="container"></div> </body> </html>
文明上网理性发言,请遵守新闻评论服务协议
0 条评论
发布评论
全部评论
最新
/
最热
暂无评论
加载更多
CopyRight 2002~2023 精通2100网 联系邮箱:qqtxt@163.com
版权所有:精通2100网
湘ICP备2023018646号-1
MYSQl共执行 3 个查询,用时 0.0015676021575928 秒,PHP脚本用时 0.003597 秒,占用内存 0.501 MB,Gzip 已启用