問題

1
SASS

透明度を0.8にするmixinを作ろう

SASSの問題に挑戦しよう!

問題

透明度を0.8にするmixinを作ろう

myAlphaと言う名前のmixinを作り「期待するCSS」を実現しましょう。
■sassのmixin呼び出し例

あらかじめエディタに書くコード

                    .red {
  @include myAlpha(#f00);
}
.green{
  @include myAlpha(#008000);
}
¥SASS¥
                

期待する画面

                                .red {
  color: rgba(255, 0, 0, 0.8);
}
.green {
  color: rgba(0, 128, 0, 0.8);
}
¥CSS¥
                            

解答と解説

解説

LINE登録して解答を見る

※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます

1門目から難しくしてみました。
なぜか?
実際の案件では1つめの問題だからと言って
簡単だとは限らないからだ!

調べる力と考える力を身に着けよう!

mixinで色コードを引数で受け取り
受け取った色コードをrgbaで変換するといった手順。
こうして置くことで、
どんな色コードにも対応できる。

さらにスキルアップしたい方は公式LINEから「SASS」と送信すると動画が見れます。

LINE登録して動画を視聴する
今なら豪華5大特典もらえる! LINE登録でGET