随笔分类 -  css技术

checkbox 在移动端显示为小圆圈问题
摘要：在desktop显示正常，但是在移动端显示变为小圆圈，无法正确展示选中取消选中效果问题解决方案： display: block; width: 58px; height: 20px; webkit appearance: checkbox; moz appearance: checkbox; 阅读全文
posted @ 2019-07-16 10:41 Amy_Li 阅读(704) 评论(0) 推荐(0)
内容超出省略实现
摘要：1. 单行 2. 多行css实现 缺点： 绝对定位，脱离文档流，如果后边有内容不能自适应两者间距 3.多行js 实现 阅读全文
posted @ 2017-09-27 10:54 Amy_Li 阅读(256) 评论(0) 推荐(0)
项目动画处理
摘要：chrome控制台Date.parse(‘2016-12-29 16:38’)获取时间戳 1，最少转一圈处理，设置两个全局变量记录最短翻转时间（翻转一圈的时间），另一个变量记录请求是否返回，两者均满足的时候停止动画就达到了控制动画最少翻转一圈的效果。 2，光环缩放的效果 3，border太粗的情况渐 阅读全文
posted @ 2017-01-05 17:18 Amy_Li 阅读(181) 评论(0) 推荐(0)
css动画属性性能
摘要：性能主要表现：流量、功耗与流畅度 在现有的前端动画体系中，通常有两种模式：JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案，在PC端兼容低端浏览器中不失为一种推荐方案。 而在移动端，我们选择性能更优浏览器原生实现方案：CSS3动画。 然而，CSS3动画在移动多终端设备场 阅读全文
posted @ 2016-12-13 16:17 Amy_Li 阅读(734) 评论(0) 推荐(0)
css样式表插入方法
该文被密码保护。
posted @ 2015-08-06 10:03 Amy_Li 阅读(9) 评论(0) 推荐(0)
纯css3样式属性制作各种图形图标
摘要：1 2 3 4 5 纯css3样式属性制作各种图形图标 6 7 64 65 正方形 66 67 68 69 长方形 70 71 72 圆 73 74 75 椭圆 76 77 78 三角形 79 80 81 平行四边形 82 83 84 85 ... 阅读全文
posted @ 2015-07-28 20:56 Amy_Li 阅读(369) 评论(0) 推荐(0)
css3动画导航实现
摘要：代码 1 2 3 4 5 6 7 css3动画导航效果 8 9 10 11 12 24 25 26 27 28 29 首页30 31 了解我们32 33 产品展示34 35 服务报价36 37 最新消息38 ... 阅读全文
posted @ 2015-07-28 20:21 Amy_Li 阅读(1144) 评论(0) 推荐(0)
前端学习资料整理
摘要：1、js相关 阮一峰 JavaScript 标准参考教程（alpha） 阮一峰 ECMAScript 6入门 汤姆大叔的博客 深入理解JavaScript系列 2、web前端开发技术分享网站 3、W3CFUNS 4、HTML5 吧 整理了一些js等前端相关知识，很值得一看。 5、gitHub开源项目 阅读全文
posted @ 2015-05-24 12:04 Amy_Li 阅读(742) 评论(0) 推荐(0)