css3
杰宝多多
这个作者很懒,什么都没留下…
展开
-
css3的column属性解析
CSS3 可以将文本内容设计成像报纸一样的多列布局。像下面这样:这样的布局称为“多列布局”。对多列属性分别进行学习:对于 column 的所有属性,ie10+ 支持,firefox 不支持 column-span。除 firefox 外,所有浏览器都不支持 column-fill 属性。1. column-count:需要分割的列数<div> 记得早...转载 2019-05-06 10:25:38 · 1064 阅读 · 0 评论 -
利用@keyframe规则和animation常用属性做一个页面Loading时的小动画。
1 @keyframe规则简介 @keyframes定义关键帧,即动画每一帧执行什么。要使用关键帧, 先创建一个带名称的@keyframes规则,以便后续使用 animation-name 这个属性来调用指定的@keyframes. 每个@keyframes 规则包含多个关键帧,也就是一段样式块语句,每个关键帧有一个百分比值作为名称,代表在动画进行中,在哪个阶段触发这个帧所包含的样式...转载 2019-05-06 10:28:02 · 622 阅读 · 0 评论 -
css实现文字纵向排版并且水平垂直居中
第一种方法:CSS属性write-mode实现文字竖排.wordWrapClass{ word-wrap: break-word;/*英文的时候需要加上这句,自动换行*/ /*自测了这句话没啥用*/ writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mo...原创 2019-07-03 15:46:46 · 8472 阅读 · 1 评论