無料登録ログインソースコードを投稿タグ:CSS3(126)CSS3:ロードアイコンパターン16goto_jp|321views|更新:2014年3月17日ストックいいね!0表示サンプルはこちら。http://jsdo.it/goto_jp/e5aYHTMLはこちら。class=&#039;icon16&#039;&gt;&lt;/span&gt;Sassの記述は下記になります。rotate(360deg);}}今回はいかにもロード中らしいアイコンです。before擬似要素で本体の半分の大きさのグラデーション付きの箱を生成し、after擬似要素で背景色と同じ小さい円を中央に置き、親の本体ごと回転させています。ドーナツ状のグラデーション円を直接作ることはできないので、小さい円でマスクする形です。新規登録またはメールアドレスで新規登録SNSアカウントをご利用いただけます。FacebookGitHubTwitterログインメールアドレスまたはユーザー名パスワードログイン状態を保存するログインパスワードをお忘れですか?hacknoteを利用することでソースコードを簡単に共有できます。新規登録してコメントするこのソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。キュレーター424hacksgoto_jpフロントコーディングと効率化などについてよく書きます。