随笔分类 -  css

3d旋转
摘要：<!DOCTYPE HTML> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <style type="text/css"> #rotate3D { width: 80px; height: 70px; color: white; position: relative; font-weight: bold; fo 阅读全文
posted @ 2019-08-09 18:28 钧一 阅读(257) 评论(0) 推荐(0)
js 进度条效果
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><style>#myProgress { width: 100%; height: 30px; position: relative; background- 阅读全文
posted @ 2019-08-09 18:11 钧一 阅读(366) 评论(0) 推荐(0)
js切换背景颜色
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body> <button onclick="stopColor()">停止切换</button> <script>var myVar = setInter 阅读全文
posted @ 2019-08-09 18:09 钧一 阅读(4407) 评论(0) 推荐(3)
div定时放大缩小
摘要：<!DOCTYPE html> <html> <head> <style> .anim{ width: 100px; height: 100px; background-color: red; } .anim-show { transition: 0.7s; transform:translate(100px,100px) scale(1.5); } .anim-show1 { transitio 阅读全文
posted @ 2019-08-09 16:29 钧一 阅读(712) 评论(0) 推荐(0)
网站滑到指定的位置给div添加动画效果
摘要：<!DOCTYPE html> <html> <head> <style> .anim-show { width:100px; height:100px; background:red; position:relative; animation-name:mymove; animation-duration:5s;/* 5s表示执行动画的时间，0或不写则无动画效果 */ /* 兼容调试如果anim 阅读全文
posted @ 2019-08-09 15:19 钧一 阅读(993) 评论(0) 推荐(0)
css 3d旋转
摘要： 阅读全文
posted @ 2019-03-14 09:55 钧一 阅读(154) 评论(0) 推荐(0)
css div平移淡入淡出
摘要： 阅读全文
posted @ 2019-03-13 15:39 钧一 阅读(4384) 评论(0) 推荐(0)