当前位置

网站首页> 程序设计 > 开源项目 > 编程语言 > 浏览文章

CSS 前缀处理工具 Prefixes.scss

作者:小梦 来源: 网络 时间: 2024-05-28 阅读:

3月21日 深圳 OSC 源创会开始报名罗,送华为海思开发板

Prefixes.scss 是一个 Sass/Scss 的 CSS(3) 前缀处理Mixins library,免安装,直接import,可自定义需要的前缀。

示例:

Scss:

@import "prefixes";.example {    @include clearfix();    @include border-radius(4px);    @include box-shadow(0 1px 5px rgba(0, 0, 0, .5));}

Sass:

@import "prefixes".example    @include clearfix()    @include border-radius(4px)    @include box-shadow(0 1px 5px rgba(0, 0, 0, .5))

CSS:

.example {    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    -ms-border-radius: 4px;    -o-border-radius: 4px;    border-radius: 4px;    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }.example:before, .example:after {    content: " ";    display: table; }.example:after {    clear: both; }

相关阅读

热点阅读

网友最爱