Hatena Blog Tags
はてなブログ トップ
CSS変数
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

CSS変数

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Little Strange Software•3年前

【CSS】回転体を増やした疑似３D

どうも！LSSです！！ 【CSS】疑似３D 前後関係 - Little Strange Software の回転体を増やしてみました。 疑似３D コード CSS変数を使って、個々の回転体の設定を簡略化 もっと凝った疑似３Dを見たい！という方は 疑似３D @keyframes d3dzx{ 0%{background-position-x:var(--i);} 100%{background-position-x:calc(100% - var(--i));} } @keyframes d3dzy{ 0%{background-position-y:40%;background-size:cal…

#CSS#CSS変数

ネットで話題

もっと見る
211ブックマークline-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOGwww.tak-dcxi.com
170ブックマークあなたが知らないかもしれない CSS 変数活用法zenn.dev
133ブックマーク僕がネイティブなCSS変数にわくわくする理由terkel.github.io
120ブックマークCSS変数がもっと便利になる新しい記述方法、CSSの次世代変数@propertyがすべてのブラウザにサポートされましたcoliss.com
95ブックマークCSS変数（カスタムプロパティ）の優れた使い方、コンポーネントのバリエーションを実装するのに役立つcoliss.com
55ブックマークCSS変数による配色はcontrastとrgbも用意したら捗るぞzenn.dev
53ブックマークマイクロソフト、オープンソースの「Visual Studio Code」最新版1.2リリース。自動トリム、CSS変数対応、エディタ機能“Monaco”をVS Codeから独立www.publickey1.jp
43ブックマークJavaScript Promises、CSS変数、Quartz ComposerのプラグインOrigamiなど海外WEBテク20本を一挙公開JavaScript Promises、CSS変数、Quartz ComposerのプラグインOrigamiなど海外WEBテク20本を一挙公開 斉藤 祐也（株式会社リッチメディア） 斉藤祐也の海外WEBテク定点観測＜Issue.9: 2013/12/01-2013/12/31＞ 今月の定点観測は、JavaScriptにおけるPromises実装について、CSSの変数(Custom Properties)、Quartz Composer...html5experts.jp
43ブックマークWeb制作がめっちゃ捗る！CSS変数の基礎と実践テクニックascii.jp

関連ブログ

Little Strange Software•4年前

【CSS・つまづき？】やはり…グラデーションはアニメできないのかな？

どうも！LSSです！！ 昨日試してみた「CSS変数」ですが、ふと、思いついた事がありました。 「linear-gradient や radial-gradient って、アニメーション設定してもパッと切り替わるだけでアニメーションしなかったけど…もしかして、その中の値にCSS変数使える？そして、その方法だとすり抜けて（？）アニメーションしたりして！？」 …と。 と、いうわけで、試してみたのですが…結論から言うと失敗です^^; グラデーションがアニメーションしない 半分は成功…？ transitionが効いてない 他のプロパティなら、CSS変数を使っていてもアニメーションします！ グラデーション…

#CSS#CSS変数#radial-gradient
Little Strange Software•4年前

【CSS】試しに、CSS変数とラジオボタンを使ってみました【実験】

どうも！LSSです！！ 現在のCSSには「変数」の概念があります。 「カスタムプロパティ」と呼ばれたり「CSS変数」と呼ばれたりするようです。 …実は自分は今まで、存在は知っていても全く使った事が無かったんですけどね^^; CSS変数とは 変数じゃなくて定数では？ CSS変数を変数的に扱えるかも！？ 実験！！ コード うまくいきました^^ CSS変数とは 基本的な使い方を簡潔に書くと、例えば width:100px; という指定をかけたりする際に、 --w1:100px;width:var(--w1); みたいな書き方でも、同じ結果になります。※「w1」は任意の変数名です。 --w1:100p…

#CSS#CSS変数#カスタムプロパティ