タグ slider
人気順 5 users 50 users 100 users 500 users 1000 usersCSS3を使って画像をスライド(平行移動)させてみる - 攻めは飛車角銀桂守りは金銀三枚
2015-10-08 CSS3を使って画像をスライド(平行移動)させてみる はてな シェアする Google+ Pocket CSS3を使って画像をスライド(平行移動)させてみる CSS3で画像を画像をスライド(平行移動)させる使用するCSSは <style type="text/css"> .slider { animation: slider1 4s infinite; } @-webkit-... 続きを読む
ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free Wordpress Themes For Creative Portfolios」 | DesignDevelop
自身のこれまでに作成してきた作品を一般に広く公開するために利用されるポートフォリオサイト。作品はもちろんですが、サイド自体のクオリティを高めることでより作品が魅力的に見えてくるのではないでしょうか?そんな中今回紹介するのは、ポートフォリオサイト作成に最適なフリーWordPressテーマ「Free WordPress Themes For Creative Portfolios」です。 Slider... 続きを読む
slider
前説 時は遡り……このスライドを書き始めた頃 「3DCG Meetup は初参加だしな!」 前回の Meetup で登壇された西田さん(@knockknockjp)が公開してくれている、WebGL をテーマにしたスライドでも見てみるか…… 続きを読む
軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」:phpspot開発日誌
Swipe JS - a lightweight mobile web slider 軽量のスワイプ可能なスマホ用スライダーJS「SwipeJS」 <div><ul> でリストを定義して<div>をJSで初期化するだけでスワイプでページ送りができるスライダーが簡単実装できます jQueryに依存していないため、軽量。カスタマイズ項目も必要最低限となっているようです 関連エントリ PCでもスマホでも... 続きを読む
[CSS]画像にかっこいいアニメーションでオーバーレイのメッセージを表示するスタイルシート | コリス
CSSで作成したイメージスライダーに、ホバー時にメッセージを半透明のパネルに表示するチュートリアルを紹介します。 実装 実装のポイントだけピックアップ。 HTML メッセージの見出しとパラグラフをdiv要素で内包し、さらにa要素で内包したものを1コンテンツとして、スライダーを実装します。 画像はそれぞれの背景として配置します。 <div class="slider"> <a href="#"> <... 続きを読む