CSS/LESS/関数

LESS には便利な関数がいくつかある

fade

色に透明度を指定してくれてさらにそいつを rgba 形式で吐き出してくれる

背景を透過させたい場合、opacity を使ってしまうと中身ごと透けてしまうので、 background に rgba 指定する。

しかしこの rgba は色を10進表記しないといけなく通常の色指定の16進表記と相性が悪い。

そこでこの fade 関数を使うとそのへんうまくやってくれる

Web サイトを作る場合は予めそのカラーパレットを変数で作ってしまっていると思うこれを背景にして少し透過させたい場合このようにすればよい

@color_ore: #123456;   //私の色
 
#hoge{
    background: fade(@color_ore, 50%);
}

css/preproc/less/function/start.txt · 最終更新: 2019-12-03 10:37 by ore

文書の先頭へ