要素の切り替えを美しく表現するプラグイン・エフェクト5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 今回は要素の切り替えや表示を美しく表現するCSSスタイル・JSプラグインやエフェクトを5つご紹介します。 要素の切り替えや表示を美しく表現するプラグイン・エフェクト5選 fullPage.js https://alvarotrigo.com/fullPage/ フルスクリーン表示のページを切り替えるプラグイン。 DEMOのシンプルな切り替えの他にも、ヘッダーを固定した場合や、動画を背景に表示する場合など様々な用途のオプションが用意されており、とても使い勝手が良さそうです。 Section Separators https://tympanus.net/codrops/2013/10/03/a-collection-of-separator-styles/ 主にCSSとCSS3で装飾した要素ごとの区切り線がまとめられています。 約25種類ほど用意され
[Misc] Hex clock - HHMMSSをColor Hexに当てはめて、背景色として表示する時計
[Misc] Hex clock – HHMMSSをColor Hexに当てはめて、背景色として表示する時計 Pocket Tweet HHMMSS（時間、分、秒）って並べると6桁になるから、じゃ頭に＃付けてカラーHexにしちゃおうよ、というWeb時計。例えば「10時30分20秒」なら「#103020」という色になるので、その色をページの背景色として表示しています。ただそれだけのシンプルな実験的ページ。けどよく考えると、1日の中で最も数値の大きくなる時間というのは「23時59分59秒」、つまり「#235959」なんですね。コーディングする人ならすぐにピンと来ますが、これはかなり暗めの色。ようするにこれより明るくはならないんです。また時間が進むほど赤が強くなり、分が進むほど緑が、秒が進むほど青が強くなるという特徴もあって、見るだけでもわりと楽しめます。 Hex clock
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
開閉するサイドメニューの実装ができるjQueryプラグイン「tendina」:phpspot開発日誌