1件〜100件
どうも!LSSです!! 小ネタ、なんですが、CSSでちょっと思いついた簡単なネタがあって、やってみたらすんなりいけました^^ 簡単なコードですが、結構綺麗に描けていますね。 GOLDEN BALL ついでにSILVER BALL border-radius:50%;を使って円を描く 改変使用例 余談:ゴールデンボールって何? GOLDEN BALL コード <p style="width: 130px; height: 130px; border-radius: 50%; background-color: gold; background-image: radial-gradient(cir…
【CSS】filter:drop-shadowなら、グラデーション文字にも影をつけられました^^
どうも!LSSです!! 【CSS】グラデーション文字をアニメーションしてみました - Little Strange Software 【CSS】グラデーション文字 応用編 - Little Strange Software でサンプルとして使用していた「きんきらきんのきーん」ですが、背景がグレーの枠に入れた状態でお披露目していました。 それには理由があって、「グラデーションに白を使っているため、そのまま白背景の記事に配置するとどうにもしまらない」からでした。 かといって、text-shadowで影をつける、という方法はグラデーション文字に関しては使用できず、背景色つきの枠で出していたんですね。…
【つまづき】CSSの属性セレクタは状態変化まで感知してくれないらしい【Windows版Chromeでテスト】
どうも!LSSです!! ちょっと思いついた事があって試してみたのですが…うまく行きませんでした^^; 変化しない例 期待した動作 でも、ひょっとしてひょっとすると? 変化しない例 色は変化しない コード <style><!--#rng[value="1"]~#rng1{color:blue;}#rng[value="2"]~#rng1{color:yellow;}#rng[value="3"]~#rng1{color:red;}--></style><p><input id="rng" style="width: 50%;" max="3" min="1" type="range" value…
「IT技術ブログ」 カテゴリー一覧(参加人数順)