CSS 较少的CSS3

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 较少的CSS3相关的知识,希望对你有一定的参考价值。

.rotate(@deg: 7deg){
  -webkit-transform: rotate(@deg);
  -moz-transform: rotate(@deg);
  -o-transform: rotate(@deg);
  transform: rotate(@deg);
}
.box-shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {
  @val: @x @y @blur rgba(0, 0, 0, @alpha);
  box-shadow: @val;
  -webkit-box-shadow: @val;
  -moz-box-shadow: @val;
}
.transition(@property, @duration, @effect){
  @val: @property @duration @effect;
  -webkit-transition: @val;
  -moz-transition: @val;
  -o-transition: @val;
  transition: @val;
}
.scale(@mod){
  -moz-transform: scale(@mod);
  -webkit-transform: scale(@mod);
  -o-transform: scale(@mod);
  transform: scale(@mod);
}
.rotate-and-scale(@deg,@mod){
  -moz-transform: scale(@mod) rotate(@deg);
  -webkit-transform: scale(@mod) rotate(@deg);
  -o-transform: scale(@mod) rotate(@deg);
  transform: scale(@mod) rotate(@deg);
}
.border-radius(@rad){
  -moz-border-radius: @rad;
  -webkit-border-radius: @rad;
  border-radius: @rad;
}

以上是关于CSS 较少的CSS3的主要内容,如果未能解决你的问题,请参考以下文章

使用较少的计算例程[重复]

CSS3动画使用技巧与总结

论:响应式布局之css3媒体查询器

Celery 子进程是不是应该出现在 ps aux 中?较少的

PHP Cookies 包含较少的数据

尽管 EXPLAIN 显示较少的行,但 MySQL 慢查询