let css3 be simpler with less
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
README.md
css3.less
license.txt

README.md

Honey-less

在你的less文件中@import "css3.less"就可以随意使用css3 mixin了,so easy!

Example

less:

@import "../css3.less";
.test-border-radius {
    .border-radius(5px);
}

编译后的css:

.test-border-radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

animation

Index

Display:

  • @mixin display-box
  • @mixin box-orient
  • @mixin box-pack
  • @mixin box-align
  • @mixin box-flex
  • @mixin box-sizing
  • @mixin background-size
  • @mixin user-select
  • @mixin appearance

Decoration:

  • @mixin border-radius
  • @mixin box-shadow
  • @mixin text-shadow
  • @mixin linear-gradient
  • @mixin radial-gradient

Transformation:

  • @mixin transform
  • @mixin transform-origin
  • @mixin transform-style
  • @mixin perspective
  • @mixin perspective-origin
  • @mixin backface-visibility
  • @mixin matrix
  • @mixin translate
  • @mixin scale
  • @mixin rotate
  • @mixin skew

Transition:

  • @mixin transition
  • @mixin transition-property
  • @mixin transition-duration
  • @mixin transition-timing-function
  • @mixin transition-delay

Animation

  • @mixin animation
  • @mixin animation-name
  • @mixin animation-duration
  • @mixin animation-timing-function
  • @mixin animation-delay
  • @mixin animation-iteration-count
  • @mixin animation-direction
  • @mixin animation-play-state
  • @mixin keyframes interface
  • @mixin keyframes