mist
うっすらとかかるもやを表現するグラデーションを作成します。
scss
@import 'catpow';
@include mist(#62969C);
@import 'catpow'; @include mist(#62969C);
css
background-image: -webkit-linear-gradient(left, #fdfefe, #fdfefe, #fdfefe);
background-image: -moz-linear-gradient(left, #fdfefe, #fdfefe, #fdfefe);
background-image: -ms-linear-gradient(left, #fdfefe, #fdfefe, #fdfefe);
background-image: -o-linear-gradient(left, #fdfefe, #fdfefe, #fdfefe);
background-image: linear-gradient(90deg, #fdfefe, #fdfefe, #fdfefe);
background-image: -webkit-linear-gradient(left, #fdfefe, #fdfefe, #fdfefe); background-image: -moz-linear-gradient(left, #fdfefe, #fdfefe, #fdfefe); background-image: -ms-linear-gradient(left, #fdfefe, #fdfefe, #fdfefe); background-image: -o-linear-gradient(left, #fdfefe, #fdfefe, #fdfefe); background-image: linear-gradient(90deg, #fdfefe, #fdfefe, #fdfefe);