4辺が違う色のボーダーにborder-radius:50%を加えると…

テクノロジーカテゴリーの変更を依頼記事元:

weboook.blog22.fc2.com

82 usersがブックマークコメント

コメント

4

記事へのコメント4件

注目コメント
新着コメント

june29 お手軽にかわいい

css

2014/04/24 リンク

matsuko13 おもしろい

2013/06/10 リンク

simpleboxes "ボーダーだけを回すためspan要素を入れて…(中略)…ちょっとかっこ悪い気もしますが" かっこ悪いとかじゃなくてマークアップとしてダメなんじゃ？:afterを使ったりするんじゃダメなのかな。

2013/03/29 リンク

mnnn ＞IEが起動しない＜

2013/03/29 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

4辺が違う色のボーダーにborder-radius:50%を加えると…

タイトルのままですが、4辺が違う色のボーダーにborder-radius:50%を加えてサークル状にするとどうなる... タイトルのままですが、4辺が違う色のボーダーにborder-radius:50%を加えてサークル状にするとどうなるか知っていますか？私は先日知ったので紹介します。 border-radius:50%を加えてサークル状にするとこんな感じになります。border-radiusはIE8以下非対応ですので、下のは画像にしています。かなり印象は変わります。当たり前といえば当たり前な気もしますが。で、transitionで回すと面白いです。ということでサンプルを作ってみました。最近なぜかIEが起動しないのでIEの動作確認はしていません。。せっかくなのでコードも載せておきます。 <a href="#" id="circle1">CSS<span></span></a> ボーダーだけを回すためspan要素を入れてボーダーを指定しています。ちょっとかっこ悪い気もしますが、他に方法が思いつかなかったので

ブックマークしたユーザー

nao1010842019/09/17
june292014/04/24
laconic2013/10/26
kami30k2013/09/25
matsuko132013/06/10
kuroaka18712013/04/04
laccoacco5552013/04/01
ryus1232013/04/01
shanon_kk2013/04/01
masakuma08122013/04/01
thleap2013/04/01
www-tmcc2013/04/01
respect_1782013/04/01
kkeisuke2013/03/31
lEDfm4UE2013/03/31
shny_wd2013/03/31
kyaido2013/03/31
sometk2013/03/31

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx