В начало блога На главную

Различные эффекты из CSS3

.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25))

.box-shadow (@string)

.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25)

.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25)

.box-sizing (@type: border-box)

.border-radius (@radius: 5px)

.border-radiuses (@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0)

.opacity (@opacity: 0.5)

.gradient (@startColor: #eee, @endColor: white)

.horizontal-gradient (@startColor: #eee, @endColor: white)

.animation (@name, @duration: 300ms, @delay: 0, @ease: ease)

.transition (@transition)

.transform(@string)

.scale (@factor)

.rotate (@deg)

.skew (@deg, @deg2)

.translate (@x, @y:0)

.translate3d (@x, @y: 0, @z: 0)

.perspective (@value: 1000)

.transform-origin (@x:center, @y:center)

Рассказать: