Activity/Fragment Transitionsのつかいかた - Qiita
Android Advent Calendar 2014 21日目の記事です。 LollipopでActivity Transitionsが追加されました。(https://developer.android.com/training/material/animations.html#Transitions) Fragmentにも無いのかな？と探してみたところ普通にありましたので,あわせて新たに追加されたTransitionの使い方をまとめます。 できるようになったこと 今まではActivity/Fragmentの遷移時のアニメーションについては、それぞれの持つView 全体 に対して効果を指定していました。 LollipopからはTransitionを用いることにより、Activity/Fragmentの 各View についてアニメーション可能になりました。 例えばViewが画面外に発散
スライドのプロトタイピングにApp::revealupがべんり - たまめも(tech)
yusukebeさんのApp::revealupというモジュールがあるんですが スライドのプロトタイピングにとってもよかったのでご紹介。 こんなぐあいにmarkdownで書いて、 revealup server -p 5001 --theme night --transition none yapcasia2014.mdこんなぐあいに立ち上げると、 こんなぐあいにプレビューできます。おてがる！ スライドの区切りを気軽に変えられる 一枚のmarkdownを編集するかたちなので中身の移動やコピペがしやすい 全体の流れを確認しやすい すぐにプレビューできる などなどがべんりポイントだとおもいます。 先日のYAPCのスライドはまずApp::revealupをつかってわーっと書き散らかしてからまとめて、keynote上で仕上げる、という過程で作っていました。 LiveReloadなどと組み合わせると
pelletkachels | blog over bedrijven en feitjes en de pelletkachel
Welkom bij Pelletkachels.nl, jouw ultieme bron voor alles wat met pelletkachels te maken heeft! Maar we zijn meer dan alleen een platform voor het bespreken van warmtebronnen. Bij Pelletkachels.nl geloven we dat het delen van kennis en ervaringen over bedrijven en gebeurtenissen ook essentieel is voor het creëren van een betrokken en geïnformeerde gemeenschap. In dit blog duiken we dieper in de we
ワンポイントに使えるCSS3マウスオーバーアニメーション5種
ワンポイントに使えるCSS3マウスオーバーアニメーション5種 ちょっとしたワンポイントに使えそうなCSS3オンリーのマウスオーバーアニメーションです。 IEは10以上で動きます。 投稿日2013年10月30日 更新日2013年10月30日 ベースHTML ベースのHTMLです。っていっても基本aタグだけです。 html <a href="#" class="btn01">BUTTON</a> 1.くるくるって回るアニメーション くるくるっと２回転するアニメです。 くるっと１回転の場合は「rotate」を360にすればOKです。 css .btn01 { color: #fff; text-decoration: none; background-color: #dda0dd; display: block; width: 150px; height: 150px; line-height:
CSS3で作るシンプルなマウスオーバーアニメーション5種
Posted: 2011.06.15 / Category: HTML&CSS / Tag: CSS3, アニメーション css3はアニメーションもできてしまうわけですが、ここではわりと簡単につくれるマウスオーバーアニメーションをご紹介いたします。 Chrome、Firefoxで動作確認しております。 css3マウスオーバーアニメーションの基本 マウスオーバーアニメーションの前に通常のマウスオーバーをみてみましょう。 たとえばリンクの文字色をマウスオーバーしたときに変更したい場合はhover疑似クラスでcolorを指定しますよね。 css a { color: #3399FF; } a:hover { color: #FF6600; } これをアニメーションさせるには「transition」というプロパティを追加します。 transition: プロパティ名 時間 アニメーション方法 ;
CSSだけでhoverでキャプションがスライドして入ってくるアニメーションを作る方法 | 9ineBB
CSS3のtransitionでhoverした時にアニメーションを設定して、画像等にマウスが乗った時にキャプションをスライド＆フェードで表示するテクニック このようなアニメーションになります 実際にDEMOで確認したもらったほうがより分かりやすいと思います CSSだけでキャプションをスライドインで作る方法 原理はpositionで位置をずらして、hoverされたときに画像に覆いかぶさる様にしています その動作をtransitionを使ってアニメーションにするというものです HTMLコード <div class="ho"> <a href=""> <img src="aaa.jpg" alt="" width="300" height="300"> <span class="demo1"><h1>創造Webの元の記事に戻る</h1></span> </a> </div> HTMLはかなりシン
css-lecture.com - css lecture リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
