shade
陰によって立体感を表現するグラデーションを作成します。
scss
@import 'catpow';
@include shade(#00000033);
@import 'catpow'; @include shade(#00000033);
css
background-image: -webkit-linear-gradient(bottom, #00000033, black);
background-image: -moz-linear-gradient(bottom, #00000033, black);
background-image: -ms-linear-gradient(bottom, #00000033, black);
background-image: -o-linear-gradient(bottom, #00000033, black);
background-image: linear-gradient(180deg, #00000033, black);
background-image: -webkit-linear-gradient(bottom, #00000033, black); background-image: -moz-linear-gradient(bottom, #00000033, black); background-image: -ms-linear-gradient(bottom, #00000033, black); background-image: -o-linear-gradient(bottom, #00000033, black); background-image: linear-gradient(180deg, #00000033, black);