気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
createkt.comエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
0
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ランディングぺージに最適！フル背景画像をCSSで設置し、タイトルを上下中央に配置する
ランディングページや特設サイト等で良く見かけるインパクト大のウィンドウサイズ一杯の画像設置につい... ランディングページや特設サイト等で良く見かけるインパクト大のウィンドウサイズ一杯の画像設置について、備忘録です。 今回は、前回作成した宇宙の背景画像を使って、ユーザーのウィンドウサイズいっぱいに表示したいと思います。また、タイトルを上下中央に設置し、CSSアニメーションを使って少しリッチに仕上げます。 なお、本コードはIE8以下は非対象となります。アニメーションCSSに関しては、IE9以下非対象です。 デモページ 画面サイズいっぱいに画像を設置する background-sizeにcoverを指定。heightは、100vhとする。vhとは、viewport heightの事。50vhを指定すると50%となる。 html <div class="full-cnt"> コンテンツ内容 </div> CSS .full-cnt { background: url(画像URL指定) no-rep
createkt.com
zenn.dev/kusuke
togetter.com
rollingstonejapan.com
rookie.shonenjump.com
zenn.dev/zekkn
zenn.dev/watab2000
www.nikkei.com
syu-m-5151.hatenablog.com
speakerdeck.com/e869120_sub
gist.github.com/voluntas
studyhacker.net
tenshoku.mynavi.jp
tech.nri-net.com
developers.freee.co.jp
