タグ JSなし
人気順 10 users 50 users 100 users 500 users 1000 users[JSなし] パワーアップしたView Transitions APIでMPAをSPAみたいにする - Qiita
2024年6月11日リリースのChrome126から、View Transitions APIがパワーアップし、別ページへの遷移でも使うことができるようになったので紹介したいと思います。 View Transitions APIとは View Transitions APIは、画面遷移をなめらかに行うことができる機能です。 この機能を使うと、以下の動画で紹介されているように... 続きを読む
CSS3のTIPSなどのまとめ (2012/1/12) :: dotHTML5
JSナシのCSS3だけで作るMacのカバーフローのようなUI → Tutorial: 3D Accordion with CSS3 (英語) (Admix Web) 画像にクールなアニメーションするホバーエフェクトを作るCSS3チュートリアル (phpspot開発日誌) JSナシのCSS3だけで作る画像スライドショー → How to Create a Pure CSS3 Slideshow (英... 続きを読む
CSS3だけで実現する幅広で使えそうなドロップダウン実装チュートリアル:phpspot開発日誌
Creating CSS3 Drop sliding list Menu #6 ? Script Tutorials CSS3だけで実現する幅広で使えそうなドロップダウン実装チュートリアル。 次のような、ジャンルごとにわかれた幅広で使いやすそうなドロップダウンリストをJSなしで実装してしまおうというチュートリアルです。 ソースを見ると<script>タグがなく、CSSのみでアニメーションしつつ内容... 続きを読む
ピュアCSSでスライドアウトインタフェースの実現:phpspot開発日誌
Pure CSS Slide-out Interface ピュアCSSでスライドアウトインタフェースの実現。 ページの再度にちょこっとタブ風の画像を置いておいて、クリックするとアニメーションしながら表示されるあのUIがJSなしで実装されています。 具体的なサンプルCSSとマークアップが提供されています。 :hover と transition を使って実装されているようですが、こんなに簡単にできる... 続きを読む