CSSで画像にオーバーレイを与えるときは、border-imageプロパティを使うと簡単で美しく実装できます

2024/06/24 15 users グラデーション テクニック テキスト CSS 背景画像

23 CSS features you should knowの動画でCSSの最近のテクニックが紹介されており、その中から特に注目すべき面白いテクニックを紹介します。 たった1行のCSSで、背景画像とテキストの間にグラデーションのオーバーレイを要素全体に適用するテクニックです。画像の一部を暗くしてその上にテキストを配置する際に非常に便... 続きを読む

[JS]スマフォアプリのように左右にスライドしてコンテンツを表示するスクリプト -mmenu | コリス

2013/05/15 172 users jQuery コリス スクリプト メインコンテンツ デモ

スマフォのアプリケーションでよく見かけるように、メインコンテンツから左右にスライドさせて別のコンテンツを表示するjQueryのプラグインを紹介します。 また、デモページに面白いテクニックが使われているので、それも是非！ mmenu mmenuのデモ mmenuの使い方 mmenuのデモ スクリプトの動作も快適ですが、デモページ自体にも面白い仕組みがあります。 スクリプトのデモは、画面の左のスマフォ... 続きを読む

[CSS]チェックボックスを使ってできるちょっと面白いテクニックのまとめ | コリス

2012/09/06 45 users コリス them CSS ロケット発射 スライド

コンテンツスライダー、画像拡大、ツリー型メニューなど、チェックボックスを使ってできるちょっと面白いテクニックをまとめたスライドを紹介します。 Checkboxes and the ridiculous things you can do with them 上記のスライドでは、チェックボックスを使ったさまざまなテクニックがまとめられています。 1ページ目のチェックをオンにすると、ロケット発射から始... 続きを読む