hate-urumaのブックマーク / 2019年5月7日

hate-uruma id:hate-uruma

2019年5月7日のブックマーク (2件)

なぜ、東京から20時間の「絶海の孤島」に移住者が殺到するのか？ | 人口増加率は全国2位！
自然栽培の高級バナナ朝の7時、舩水礼さん（27）は宝島の中心部から車で15分ほどのバナナ園で農作業に励んでいた。広大な敷地には、100本ほどのバナナの木が整然と並ぶ。朝の冷気に、葉の鮮やかな緑がすがすがしい。舩水さんは、2年半前にトカラ列島の最南端にある宝島に移住してきた。伝統的に自然栽培で育てられる宝島の島バナナに興味を持ち、当初は地元の島バナナ農家の畑を手伝っていたが、いまでは島の4ヵ所にある自分の畑を2日おきに手入れする。他のバナナ農家からも畑をまかされるようになり、管理しているバナナの木は1500本にものぼる。
hate-uruma 2019/05/07
リンク
アニメーションで矢印がクルっと回転するナウでシンプルなドロップダウンメニューの作り方
Webサイトにドロップダウンメニューを作る際、親メニューの横に三角(▼)アイコンなどを表示して、サブメニューがあることがひと目で分かると便利ですよね。さらに、そのサブメニューを表示している時は、アイコンの向きを上向き(▲)に変えたほうが矛盾がないので、今回はそれをCSS3のアニメーションと回転を使ってクルッとさせる方法を試してみましたφ(*’д’* )ﾒﾓﾒﾓ。矢印の向きが切り替わるドロップダウンメニューの作り方まずはデモ画面です。こんな感じになりました。地味だし今更だけど、このクルンとした動きがやりたかったんです。今回は勉強がてらアイコンをSVGコードで表示してみましたが、ふつうの画像でもOKです。記述法 html <ul class="dropdown"><li>DropDown <svg id="arrow" width="16" height="16" viewBox
hate-uruma 2019/05/07
css3
リンク
- 2019年5月8日
- 2019年5月7日
- 2019年4月25日