shozzyのブックマーク - はてなブックマーク

ヘッダー・ナビゲーションを固定表示させるアイデア5つ | Web Design DAY
<header class="site-header"> <h1 class="site-logo"><img src="images/logo.png" alt="WEBDESIGNDAY"></h1> <nav class="gnav"> <ul class="gnav__menu"> <li class="gnav__menu__it em"><a href="">About</a></li> <li class="gnav__menu__it em"><a href="">Works</a></li> <li class="gnav__menu__it em"><a href="">Recruit</a></li> <li class="gnav__menu__it em"><a href="">News</a></li> <li class="gnav__menu__it em"><a h
shozzy 2020/06/15
CSS
リンク
【CSS】徹底検証！CSSで縦書きデザインをやってみる！
以前「縦書きを取り入れたデザインの優れたサイト10選」という記事を書きましたので今回は実践編をやりつつ、色々検証してみます。（IE以外はMac環境での検証です。） 1.CSSで縦書きを設定 writing-modeプロパティ縦書きは「writing-mode:vertical-rl;」だけで簡単に設定することができます。「vertical」が縦という意味で、「rl」は「right（右）」から「left（左）」という意味です。「vertical-rl」以外にも設定値がありますので下記を確認ください。 horizontal-tb
shozzy 2019/02/11
縦書き

CSS
リンク
1

はてなブックマーク