エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSだけで斜めがけのリボンをつくろー!
CSS3の魔力 CSS3が勧告されてからもう3年が経とうとしています。 新たに追加されたプロパティのおかげで... CSS3の魔力 CSS3が勧告されてからもう3年が経とうとしています。 新たに追加されたプロパティのおかげで、画像を使わずにグラデーションなどが表現できるだけでなく、JavaScriptやFlashでつくるしかなかったようなアニメーションもラクラク作れるようになりました。 今回はそのCSS3の魔力をつかって、斜めがけのリボンをつけたボックスをつくってみます。 これが完成形↓ この記事で得られるCSS3の知識は以下のとおり。 グラデーション (linear-gradient) 回転 (rotate) 移動 (translate) ボックスに影をつける (box-shadow) 文字に影をつける (text-shadow) 盛りだくさんですね!ではさっそく。 まずボックスをつくる htmlからつくります。こんな感じ↓ HTML5では<html>や<head>、<body>を省略できる(むしろ省