よく使うcompass記述
◯角丸指定
@include border-radius(0 0 4px 4px);
◯背景色 縦グラデーション
@include background-image(linear-gradient(top, #292929, #666666));
@include filter-gradient(#292929, #666666, vertical);
◯ボックスシャドウ
@include box-shadow(#040000 2px 2px 10px);
@include box-shadow( 0px 1px 5px rgba(0, 0, 0, 0.3));
◯ボックスサイジング
@include box-sizing(border-box);
◯半透明
@include opacity(0.5);
◯変形
@include transition(0.5s);
◯回転
@include rotate(15deg);
◯はみ出たテキストを省略
※同時にwidthで表示幅を設定
@include ellipsis(no-wrap);
-
前の記事
cssで横並びリストの区切り線を描く 2016.10.24
-
次の記事
WPのpost_idをDBを操作してリセットする方法 2016.10.25