In today's post, we'll be taking a look at how you can use CSS3 transitions to power your application's animations with jQuery's .animate() method as a fallback where transitions aren't supported. The benefit of transitions is that unlike JavaScript based animations, they're hardware accelerated in certain browsers and mobile devices, resulting in a potentially smoother overall animation than you
タグ
- すべて
- jQuery (33)
- .htaccess (5)
- 2ch (6)
- 3d (47)
- 3ds (2)
- 404 (5)
- AMP (4)
- Affiliate (2)
- AfterEffects (2)
- Agile (5)
- Ajail (3)
- Analytics (11)
- AngularJS (9)
- Apache (6)
- Apple (62)
- AppleScript (4)
- AppleWatch (9)
- AtomicDesign (4)
- AutoHotKey (2)
- Browser (53)
- BusinessCard (3)
- CDN (2)
- CMS (5)
- CSS-in-JS (2)
- CSS4 (3)
- CSSNite (2)
- CSSdesign (2)
- CakePHP (2)
- Canvas (66)
- Cordova (16)
- DOM (3)
- DesignSystem (5)
- DirectX (2)
- DocumentationSystem (4)
- DreamWeaver (14)
- FPS (3)
- Facebook (18)
- Fonts (9)
- Frontend (3)
- GIMP (2)
- Gallery (15)
- Geolocation (3)
- Graphics (3)
- HDMI (2)
- Homebrew (2)
- IE (36)
- JSON (7)
- Java (2)
- Kindle (3)
- Kinect (4)
- Lion (2)
- MHP3 (4)
- Markdown (5)
- Mercurial (2)
- MicroInteraction (4)
- Microsoft (12)
- MindBEMding (4)
- Mozilla (5)
- MySQL (7)
- Nintendo (2)
- OAuth (5)
- OS (3)
- OnsenUI (3)
- OpenGL (2)
- PC (11)
- PEAR (4)
- PSP (2)
- PWA (2)
- Pixelmator (4)
- PowerPoint (4)
- React (13)
- Resources (13)
- Restaurant (4)
- SVG (85)
- Scrum (5)
- Standard (3)
- Subversion (6)
- Tablet (6)
- Technology (6)
- Tumblr (6)
- Tutorials (58)
- Twitter (63)
- Typography (11)
- UA (2)
- UI (76)
- UML (3)
- Unity (22)
- VIP (4)
- Vimperator (5)
- Xcode (11)
- YUI (3)
- Youtube (19)
- Zen-Coding (25)
- accessibility (16)
- action (4)
- actionscript (3)
- ad (3)
- addon (29)
- adobe (15)
- advanced (4)
- ajax (8)
- algorithm (3)
- amachang (5)
- amazon (7)
- android (48)
- animation (100)
- anime (3)
- api (55)
- app (25)
- application (42)
- art (17)
- atom (3)
- audio (6)
- baby (3)
- band (5)
- base (3)
- bash (8)
- beautiful (42)
- beginner (18)
- blog (11)
- bluetooth (8)
- book (13)
- bookmark (5)
- bookmarklet (21)
- bootstrap (4)
- bot (4)
- brush (11)
- bug (19)
- business (36)
- cafe (4)
- calendar (8)
- capture (4)
- card (5)
- case (10)
- cat (9)
- character (10)
- chart (5)
- cheatsheet (14)
- checklist (3)
- chrome (58)
- chromeExtension (5)
- cloud (6)
- coda (4)
- codeReading (3)
- coding (27)
- color (13)
- comic (11)
- command (4)
- communication (5)
- compress (7)
- concept (4)
- convert (4)
- cooking (18)
- cookpad (3)
- creative (42)
- css (328)
- css3 (299)
- cssSprite (5)
- cui (4)
- customize (4)
- cute (10)
- data (9)
- date (7)
- debug (11)
- demo (21)
- design (233)
- desktop (14)
- development (245)
- diff (6)
- document (45)
- dot (3)
- dot3 (5)
- dotabataNeta (22)
- download (14)
- dropbox (18)
- dummy (4)
- eBook (15)
- editor (43)
- education (11)
- effect (10)
- effects (3)
- election (3)
- electron (15)
- email (6)
- emulater (3)
- enchant.js (6)
- english (9)
- entryNeta (18)
- epub (3)
- error (6)
- eva (7)
- event (5)
- evernote (3)
- excel (5)
- extension (46)
- fashion (9)
- favicon (6)
- file (3)
- firefox (50)
- fireworks (10)
- flash (18)
- flickr (4)
- font (69)
- fontface (5)
- food (11)
- form (15)
- framework (40)
- free (192)
- ftp (5)
- future (3)
- gadget (34)
- game (83)
- geektool (3)
- generator (70)
- gif (6)
- git (35)
- github (14)
- google (71)
- gourmet (7)
- graph (11)
- greasemonkey (5)
- gui (3)
- guideline (10)
- gulp (9)
- hack (8)
- hatena (3)
- heroku (4)
- hotel (4)
- howto (164)
- htm5 (3)
- html (109)
- html5 (316)
- iPad (30)
- iPhoneApplication (10)
- icon (64)
- idea (8)
- ie8 (3)
- ie9 (10)
- illusion (4)
- illust (12)
- illustrator (15)
- image (38)
- infographic (6)
- inspiration (57)
- interaction (10)
- interface (12)
- ios (46)
- iphone (121)
- jQueryMobile (4)
- javascript (396)
- jquery (119)
- js (6)
- keyboard (5)
- knowledge (6)
- kzms2 (5)
- launcher (5)
- launchy (3)
- layout (6)
- library (105)
- life (40)
- lifehack (38)
- lightbox (3)
- linux (7)
- loading (7)
- logo (6)
- logos (3)
- love (3)
- mac (175)
- mail (16)
- management (12)
- marketing (4)
- markup (3)
- material (201)
- math (6)
- media (3)
- merge (3)
- mh (4)
- mmorpg (4)
- mobile (32)
- modeling (7)
- motion (3)
- mouse (7)
- movie (29)
- mp3 (4)
- music (36)
- mvc (3)
- nativeapp (3)
- naver (3)
- navigation (6)
- neta (69)
- news (92)
- node.js (33)
- npm (6)
- objective-c (5)
- office (3)
- openframeworks (3)
- opera (10)
- optimization (16)
- optimize (7)
- original (3)
- parallax (11)
- pattern (11)
- pdf (13)
- performance (63)
- photo (56)
- photoshop (94)
- php (84)
- physics (4)
- picture (4)
- planning (3)
- player (4)
- plugin (101)
- portfolio (16)
- premium (3)
- present (5)
- presentation (53)
- programming (107)
- project (11)
- prototype (20)
- prototyping (3)
- ps3 (3)
- psd (29)
- purecss (7)
- python (4)
- react.js (4)
- recipe (9)
- reference (34)
- regexp (6)
- release (7)
- research (15)
- resource (6)
- responsive (12)
- responsiveWebDesign (22)
- rss (3)
- ruby (7)
- safari (18)
- sample (88)
- sass (17)
- schedule (3)
- search (17)
- security (30)
- seminor (4)
- seo (11)
- server (15)
- service (5)
- setting (5)
- share (16)
- shell (14)
- shopping (34)
- showcase (27)
- sketch (48)
- skype (4)
- slides (7)
- slideshow (3)
- smartphone (22)
- smartwatch (3)
- snippets (13)
- sns (14)
- software (97)
- sound (7)
- splatoon (3)
- ssh (4)
- storage (16)
- study (21)
- styleguide (8)
- sublimeText (29)
- sweets (3)
- swift (20)
- technique (46)
- template (48)
- terminal (9)
- test (4)
- tester (3)
- texture (7)
- theme (22)
- three.js (10)
- tips (108)
- todo (5)
- tool (21)
- tools (16)
- trackball (3)
- travel (15)
- tutorial (32)
- tw (173)
- unix (4)
- url (5)
- usability (9)
- usb (3)
- useful (41)
- ux (9)
- validate (3)
- validator (3)
- vd (5)
- vector (18)
- video (25)
- vim (30)
- vimrc (6)
- visual (69)
- visualization (13)
- voice (3)
- vr (9)
- w3c (28)
- wallpaper (15)
- weather (3)
- web (36)
- webBook (6)
- webStorm (3)
- webapi (19)
- webcomic (6)
- webcomponents (3)
- webdesign (179)
- webdeveloper (6)
- webfont (10)
- webfontIcon (8)
- webgl (44)
- webkit (21)
- webservice (295)
- webvr (3)
- wedding (8)
- wifi (5)
- windows (51)
- wireframes (3)
- wireless (3)
- wordpress (45)
- work (11)
- yahoo (37)
- あとで見る (14)
- あとで試す (6)
- あとで読む (21)
- あとで買う (6)
- これはけしからん (4)
- これはすごい (57)
- これはひどい (14)
- これは便利 (7)
- これは欲しい (4)
- これは良い (11)
- これは食べたい (3)
- さくらインターネット (15)
- まとめ (71)
- ネタ (9)
- 欲しい (7)
- 顔認識 (3)
- javascript (396)
- css (328)
- html5 (316)
- css3 (299)
- webservice (295)
- development (245)
- design (233)
- material (201)
- free (192)
- webdesign (179)
CSS3とfallbackに関するkzms2のブックマーク (1)
-
kzms2 2012/01/04
CSS3アニメーションをjQueryを用いてFallbackするサンプル- css3
- jQuery
- Animation
- fallback
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx