2020年10月22日
css实现按钮颜色渐变效果
摘要： float: left; height: 63px; line-height: 63px; width: 100%; margin: 0 auto; font-size: 16px; text-align: center; background: -webkit-linear-gradient(le 阅读全文
posted @ 2020-10-22 17:17 绿林豪士 阅读(2239) 评论(0) 推荐(0) 编辑
css+jq实现的简单视频播放器效果
摘要： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <script src="https://shengpingzhang.oss-accelerate.aliyuncs.c 阅读全文
posted @ 2020-10-22 16:15 绿林豪士 阅读(546) 评论(0) 推荐(0) 编辑
css实现鼠标移入图片放大效果
摘要： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <style> .div1 { width: 500px; height: 500px; transition: all 阅读全文
posted @ 2020-10-22 15:41 绿林豪士 阅读(1278) 评论(0) 推荐(0) 编辑
利用CSS的animation属性制作动画效果
摘要： 使用简写属性，将动画（mymove）与 div 元素绑定： .donghua { animation:mymove 5s infinite; -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/ } Internet Explorer 阅读全文
posted @ 2020-10-22 10:39 绿林豪士 阅读(422) 评论(0) 推荐(0) 编辑
css实现背景图静止+上层浮动效果
摘要： .about { background: url(../images/bg1.jpg) no-repeat center top; margin-top: 40px; padding-top: 30px; background-attachment: fixed; height: 320px; -w 阅读全文
posted @ 2020-10-22 09:10 绿林豪士 阅读(1108) 评论(0) 推荐(0) 编辑