VS Code使用Autoprefixer插件给样式自动添加浏览器所需前缀
llh 2022/11/17 892 0
打开VS Code应用商店,搜索Autoprefixer并安装; 配置:如图,也可以在 文件->首选项->设置:找到 扩展->Autoprefixer configuration options里找到 添加以下内容: { …
llh 2022/11/17 892 0
打开VS Code应用商店,搜索Autoprefixer并安装; 配置:如图,也可以在 文件->首选项->设置:找到 扩展->Autoprefixer configuration options里找到 添加以下内容: { …
llh 2022/07/12 440 0
发现在less中 calc(50% – 20px) 等带单位混合运算会被less解析忽略单位,全部按照百分比计算,此例中的计算被less编译成calc(30%)。 .opc-wrapper .shipping-address-i …
llh 2022/07/12 418 0
需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% – 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 “+”, “- …
llh 2016/08/26 1,059 0
@keyframes shake{ 2% { transform:rotate(0.8deg); } 4% { transform:rotate(-0.8deg); } 6% { transform:rotate(0.8deg); } 8% …
llh 2016/08/15 941 0
background-size 属性规定背景图像的尺寸。 使用语法: background-size: length|percentage|cover|contain; length 设置背景图像的高度和宽度。 第一个值设置宽度,第二个值设 …
llh 2016/08/14 1,440 0
纯CSS实现,可以用来做一些类似特价标签等提示信息标签。 右下直角三角形(Triangle Bottom Right): .triangle-bottomright { width: 0; height: 0; border-bottom: …
llh 2016/07/11 1,558 0
animation-fill-mode 属性规定当动画不播放时(当动画完成时,或当动画有一个延迟未开始播放时),要应用到元素的样式。 默认情况下,CSS 动画在第一个关键帧播放完之前不会影响元素,在最后一个关键帧完成后停止影响元素。anim …
llh 2016/06/21 2,715 0
align-self 属性规定灵活容器内被选中项目的对齐方式。 align-self 属性可重写灵活容器的 align-items 属性。 JavaScript 语法: object.style.alignSelf=”cente …
llh 2016/05/20 2,686 0
CSS3 定义了两种类型的渐变(gradients): 线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 径向渐变(Radial Gradients)- 由它们的中心定义 本文主要讨论的是线性渐 …
llh 2016/04/13 1,533 0
很多时候,我们更习惯报纸、杂志的排版方式,这样阅读起来比较不吃力;如何实现文章这样的排版,CSS3 的多列布局模块(column-*)很轻易地帮我们解决这个问题,拯救我们的文字排版; 以下是比较常用到的属性: column-count 属性 …
llh 2016/04/11 4,164 0
虽然现在最新版本的浏览器基本都支持CSS3,不过为了支持老的浏览器版本,还是建议加上前缀,-moz -webkit -o -ms 是浏览器的私有属性,各自代表的浏览器是: Firefox: -moz-box-shadow Safari &a …