随笔分类 -  CSS3

摘要:css :first child与:first-of-type的区别 阅读全文
posted @ 2018-10-30 16:59 叶子玉 阅读(137) 评论(0) 推荐(0)
摘要:Learn css layout CSS-tricks scotch vue-material devdocs 阅读全文
posted @ 2018-10-30 14:56 叶子玉 阅读(151) 评论(0) 推荐(0)
摘要:tween缓动算法js版 缓动函数 阅读全文
posted @ 2018-10-26 10:37 叶子玉 阅读(263) 评论(0) 推荐(0)
摘要:CSS实现文字竖排 注意: writing-mode: vertical-rl;存在兼容性问题,在IE上正常,在谷歌的低版本上可能识别不了。 如果文字少的话考虑直接在每一个文字中间加一个<br>换行符, 如果文字多的话把盒子的宽度设置小一点,让宽度只能一行显示一个文字,然后自动换行。 阅读全文
posted @ 2018-10-24 10:50 叶子玉 阅读(2524) 评论(0) 推荐(0)
摘要:transform属性之 transform-origin 针对transform中的几种值的先后顺序 transform值的先后顺序: 注意: 当我们在旋转后再进行位移的时候,其实是按照旋转后的坐标系位移,在我们视觉中就产生了向右位移了一部分,向下移动了一部分。 总而言之,在transform中, 阅读全文
posted @ 2018-09-06 09:56 叶子玉 阅读(363) 评论(0) 推荐(0)
摘要:1 2 3 4 5 6 7 Like 8 45 46 47 喜欢 48 49 60 61 阅读全文
posted @ 2018-09-04 20:32 叶子玉 阅读(200) 评论(0) 推荐(0)
摘要:在样式文件中增加如下代码: ::selection { background: hsla(5, 92%, 76%, 0.8); color: #fff;} 阅读全文
posted @ 2018-08-25 09:46 叶子玉 阅读(1018) 评论(0) 推荐(1)
摘要:1. css table 合并单元格 colspan:合并列, rowspan:合并行, 合并行的时候,比如rowspan="2",它的下一行tr会少一列; 合并列的时候,比如colspan="2",此行的列会少一列 阅读全文
posted @ 2018-08-23 19:48 叶子玉 阅读(407) 评论(0) 推荐(0)
摘要:第一步: npm install animate.css --save 第二步:打开main.js import animate from 'animate.css' Vue.use(animate) Vue.use(animate) 第三步: <transition :duration="1000 阅读全文
posted @ 2018-08-22 11:10 叶子玉 阅读(694) 评论(0) 推荐(0)
摘要:CSS3实现文本垂直排列 阅读全文
posted @ 2018-08-22 10:58 叶子玉 阅读(2284) 评论(0) 推荐(0)
摘要:button在点击时出现边框 阅读全文
posted @ 2018-08-21 16:49 叶子玉 阅读(2764) 评论(0) 推荐(0)
摘要:在外层加上一个父元素,设置font-size:0;即可。 两个按钮之间的间距如何去掉 阅读全文
posted @ 2018-08-21 13:45 叶子玉 阅读(3343) 评论(0) 推荐(0)
摘要:无论如何改动border,margin与padding的值,都不会导致box总尺寸发生变化。 阅读全文
posted @ 2018-08-13 20:57 叶子玉 阅读(700) 评论(0) 推荐(1)
摘要:1. overflow-y: auto 侧边栏滚动效果:overflow-y:auto 2. overflow-y: scroll 如果使用overflow:scroll的话,滚动条就一直都在,页面不美观,最好设置成auto,在需要的时候才出现滚动条。 3. overflow-y: hidden 页 阅读全文
posted @ 2018-08-13 20:37 叶子玉 阅读(648) 评论(0) 推荐(0)
摘要:1. 纯CSS气泡框实现方法探究 2. vue组件系列--气泡卡片 阅读全文
posted @ 2018-08-07 20:53 叶子玉 阅读(1129) 评论(0) 推荐(0)
摘要:radial-gradient:径向渐变 ellipse:椭圆形渐变默认,circle:圆形渐变 定义渐变大小,指定终点位置: farthest-corner:默认,指定径向渐变的半径长度为:从圆心到离圆心最远的角 closest-side:从圆心到离圆心最近的边 closest-corner:从圆 阅读全文
posted @ 2018-06-30 08:17 叶子玉 阅读(643) 评论(0) 推荐(0)
摘要:谈谈PostCSS 阅读全文
posted @ 2018-06-22 17:47 叶子玉 阅读(164) 评论(0) 推荐(0)
摘要:h5仿微信聊天(高仿版) CSS3仿微信聊天小气泡 阅读全文
posted @ 2018-06-16 14:12 叶子玉 阅读(5019) 评论(0) 推荐(0)
摘要:利用CSS3实现网页炫酷效果 阅读全文
posted @ 2018-06-09 09:13 叶子玉 阅读(197) 评论(0) 推荐(0)
摘要:css3中强大的filter(滤镜)属性 阅读全文
posted @ 2018-06-08 10:48 叶子玉 阅读(126) 评论(0) 推荐(0)