POPSブログ

ブログ記事一覧: css3

jQuery レスポンシブ・クロスフェード処理

2枚の画像を重ねればクロスフェードが実現します。レスポンシブ形式にして、コントロールボタン付き(内側)、サムネール表示の切り替えが出来る様に機能を拡張したものです。スライダーより構造および処理が簡単になっています。クロスフェード以外のエフェクトも簡単に出来る構造です。

≫ 続きを読む

jquery 2017/02/20 pops
タグ:jquery , Effect , css3 , html5

jQuery レスポンシブ・スライダー、外側にボタン配置

前頁のレスポンシブ・スライダーの改造です。コントロールボタン付き(外側)、エンドレスタイプ、サムネール表示の切り替えが出来る様に機能を拡張は同じです。通常のレスポンシブデザインHTML上でも動作します。コントロールボタンが外側についていますので少々メンドウですから余り使用されないようです。

≫ 続きを読む

jquery 2017/02/15 pops
タグ:jquery , Slider , css3 , html5

jQuery レスポンシブ・スライダー、エンドレスタイプ

前頁のレスポンシブ・スライダーは説明のために簡略しています。コントロールボタン付き、エンドレスタイプ、サムネール表示の切り替えが出来る様に機能を拡張してみました。通常のレスポンシブデザインHTML上でも動作します。その振る舞いなどを調べてみます。一言でいえば大変です。

≫ 続きを読む

jquery 2017/02/12 pops
タグ:html5 , css3 , Slider , jquery

jQuery レスポンシブスライダー処理

レスポンシブデザインで「TOP画像のスライド」処理等をレスポンシブ対応にしてみました。結構構造と設定などがメンドウですが、大変フシギな事に一応動作します。当然、baserCMSに限らず通常のレスポンシブデザインHTML上でも動作します。その振る舞いなどを調べてみます。

≫ 続きを読む

jquery 2017/02/07 pops
タグ:jquery , Slider , css3 , html5

jQuery CSS3 TextCarouselを回転する

CSS3 TextCarouselをjquery.transit.jsのtransitionアニメーションで回転させます。無理矢理応用していますが簡単に出来て便利です(本当ですか...怪しい)。表示に2つの形式がありますが、ここでは改造jquery.transit.jsを使用しています。

≫ 続きを読む

jquery 2015/11/19 pops
タグ:jquery , Transition , css3

jQuery CSS3 transition 3D正六面体Cubeを回転する

CSS3 で作った正六面体Cubeをjquery.transit.jsのtransitionアニメーションで回転させます。無理矢理応用していますが簡単に出来て便利です。当然少しクセが有りますが、ここでは改造jquery.transit.jsを使用しています。

≫ 続きを読む

jquery 2015/10/28 pops
タグ:jquery , Transition , css3

jQuery CSS3 3D回転Carouselで360度パノラマ写真を表示する

CSS3 で作ったCarouselをjquery.transit.jsのtransitionアニメーションで回転させます。360度パノラマ写真を埋め込み表示して見ます。無理矢理応用していますが簡単に出来て便利です。当然少しクセが有りますが、ここでは改造jquery.transit.jsを使用しています。

≫ 続きを読む

jquery 2015/10/26 pops
タグ:jquery , Transition , css3

jQuery CSS3 球状Sphereをtransit.jsで3D回転させる

CSS3 球状sphereに配置したパネルなどを3D回転させます。Carousel回転の応用ですが使用目的により作り方の違いがあります。jquery.transit.jsのtransitionアニメーションを無理矢理応用してみました。少しクセが有ります。

≫ 続きを読む

jquery 2015/10/20 pops
タグ:jquery , Transition , css3

jQuery CSS3 3D回転Carouselをtransit.jsで処理する

CSS3 で作ったCarouselをjquery.transit.jsのtransitionアニメーションで回転させます。無理矢理応用していますが簡単に出来て便利です。当然少しクセが有ります。

≫ 続きを読む

jquery 2015/10/07 pops
タグ:jquery , Transition , css3

jQuery CSS3 Cubeを回転して画像を切り替える

CSS3 Cubeを回転して画像を切り替えるです。3D画像でCubeを回転して画像切り替えしますが、jquery.transit.jsのtransitionアニメーションを無理矢理応用してみました。Carousel回転も簡単に出来て便利ですが、少しクセが有ります。

≫ 続きを読む

jquery 2015/09/29 pops
タグ:css3 , Transition , jquery

ブログ記事一覧

年別アーカイブ一覧



[1]