Catpow SCSS

background image

msk

マスク関連のプロパティを設定します。

Params

i
mask-image

b
mask-border

m
mask-mode

Keyword
  • a
    alpha
  • l
    luminance
  • m
    match-source

c
mask-composite

Keyword
  • a
    add
  • s
    intersect
  • i
    intersect
  • e
    exclude

p
mask-position

Keyword
  • l
    left
  • c
    center
  • r
    right
  • t
    top
  • b
    bottom

r
mask-repeat

Keyword
  • x
    repeat-x
  • y
    repeat-y
  • s
    space
  • r
    round
  • n
    no-repeat

s
mask-size

Keyword
  • i
    contain
  • c
    cover
scss
@import 'catpow';

.has-pattern-mask{
	@include msk((i:'images/pattern.png',s:25%));
}
css
.has-pattern-mask {
  -webkit-mask-image: url("images/pattern.png");
  mask-image: url("images/pattern.png");
  -webkit-mask-size: 25%;
  mask-size: 25%;
}