『css3 box-shadow transitionのサンプル31個。』
せっかくの休みなんで書いてみた。 box-shadowって結構【影】ってイメージが強いけど、背景色とかにも使えたりするし便利。 背景色のスライドとかしようと思っても、backgroundだったら画像だけしかposition移動は出来ないから、そんな時にbox-shadowが便利なんですよね。 そんなわけで今回もcodepenに書きました。 ■css3 box-shadow transition sample31 - CodePen ■解説はこちら→css3 box-shadow transitionのサンプル31個作りました。 | CreativeLife Check out this Pen! 直接的なアメブロカスタマイズ記事では無いけれど、記述の方法とか仕組みとか覚えておくと後々役に立つと思います。 次からは実用的なサンプルでも作るかな～。 CSS3 スタンダード・デザインガイド/毎日
47 Amazing CSS3 Animation Demos - Web Designer Wall
Here is a compilation of 47 jaw-dropping CSS3 animation demos. They demonstrate the possibilities of the CSS3 transform and transition property. Some are very useful and can be used as Javascript alternatives. Most of them are simply to look cool. In order to veiw these effects, you need a webkit browser such as Safari and Chrome (sorry to the Internet Explorer users). Enjoy! CSS3 Clock With jQuer
Mozilla Re-Mix: FirefoxにCSS3ジェネレータを装備できるアドオン「CSSsir」
ウェブサイトオーナーやサイト管理者の方なら、サイトをCSSで装飾するような作業を行うことはよくあることだと思います。 最近ではこのような作業も優秀なフリーソフトやオンラインツールで簡単に行うことができるようになっていますが、サイトを閲覧しながら思い立った時にすぐ実行したいということもあるでしょう。 こんな時、ブラウザから素早くCSSを生成することができれば便利かもしれませんね。 Firefoxに「CSSsir」というアドオンをインストールしておけば、そんな場面でも素早くCSSジェネレータを起動し、コードを生成することができるようになります。 「CSSsir」は、Firefoxのツールバーボタンから7種のCSS3クロスブラウザコードを生成することができるようになるというアドオンです。 アドオンをインストール後ツールバーに設置されるボタンをクリックし、メニューから生成したいCSSを選択するだけ
WEBデザイナーなら見ておくべきCSS3のアニメーションチュートリアル:phpspot開発日誌
16 Best CSS3 Transitions And Animations Tutorials WEBデザイナーなら見ておくべきCSS3のアニメーションチュートリアル。 CSS3が登場したことによって、こんなことできるの？という驚きを最近よく感じていますが、そういうデモのチュートリアル集です。 16個ありますので、すべて見るだけでも見ておくべきだと思いましたのでシェア。 紙を折りたたむ風UIは スクロールで驚きのアニメーション 紙の折畳みや折り曲げエフェクト iPadの輝きをインタラクティブに変更 ビットマップグラフィクでマリオ。画像もキャンバスも利用していない、ピュアなCSS 関連エントリ CSS3でシャレオツなリストを作るチュートリアル アニメーションするバナーをCSS3で作るチュートリアル CSS3でクールな角丸テーブルを作る例 CSS3で出来たクールなLightBox実装チュー
CSS3を出力するPhotoshopプラグイン「CSS3Ps」 * R4 * Webサービスレビューサイト
Photoshopで作成したオブジェクトをCSS3で出力してくれるプラグイン「CSS3Ps」のご紹介です。 PhotoshopのバージョンはCS3～CS6まで対応しています。 このレビューではCS6を使用しています。 サイトにアクセスし、右上のボタンからCSS3Psをダウンロードします。 ファイルを開くと、Adobe Extension Managerが起動し、インストールが完了となります。 次にPhotoshopを起動し、メニューバーの「ウィンドウ」>「エクステンション」>「CSS3Ps」を選択すると、パネルが表示されます。 オブジェクトを作成して、CSS3を出力したいレイヤーを選択状態にします。 その状態でCSS3Psのパネルをクリックします。 （複数のレイヤーを選択すれば、それぞれのオブジェクトのCSS3が吐き出されます。） すると、ブラウザが立ち上がり、自動的に割り当てられたURL
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Drop-Down Navigation: Responsive and Touch-Friendly by Osvaldas Valutis