[JSなし] パワーアップしたView Transitions APIでMPAをSPAみたいにする - Qiita

2024/06/09 30 users View Transitions 画面遷移 API MPA

2024年6月11日リリースのChrome126から、View Transitions APIがパワーアップし、別ページへの遷移でも使うことができるようになったので紹介したいと思います。 View Transitions APIとは View Transitions APIは、画面遷移をなめらかに行うことができる機能です。 この機能を使うと、以下の動画で紹介されているように... 続きを読む

CSS3のTIPSなどのまとめ (2012/1/12) :: dotHTML5

2012/01/12 11 users Tips Tutorial dotHTML5 CSS3 Mac

JSナシのCSS3だけで作るMacのカバーフローのようなUI → Tutorial: 3D Accordion with CSS3 (英語) (Admix Web) 画像にクールなアニメーションするホバーエフェクトを作るCSS3チュートリアル (phpspot開発日誌) JSナシのCSS3だけで作る画像スライドショー → How to Create a Pure CSS3 Slideshow (英... 続きを読む

CSS3だけで実現する幅広で使えそうなドロップダウン実装チュートリアル:phpspot開発日誌

2011/08/12 49 users 幅広 phpspot開発日誌 script チュートリアル

Creating CSS3 Drop sliding list Menu #6 ? Script Tutorials CSS3だけで実現する幅広で使えそうなドロップダウン実装チュートリアル。 次のような、ジャンルごとにわかれた幅広で使いやすそうなドロップダウンリストをJSなしで実装してしまおうというチュートリアルです。 ソースを見ると<script>タグがなく、CSSのみでアニメーションしつつ内容... 続きを読む

ピュアCSSでスライドアウトインタフェースの実現:phpspot開発日誌

2011/04/21 27 users ピュアCSS phpspot開発日誌 実現 hover 再度

Pure CSS Slide-out Interface ピュアCSSでスライドアウトインタフェースの実現。 ページの再度にちょこっとタブ風の画像を置いておいて、クリックするとアニメーションしながら表示されるあのUIがJSなしで実装されています。 具体的なサンプルCSSとマークアップが提供されています。 :hover と transition を使って実装されているようですが、こんなに簡単にできる... 続きを読む