Ripple Click Effect From Google Material Design Using jQuery & CSS3
Recreating the ripple click effect from Google material design Description Recently Google released its material design spec which showcases some very cool user interactions. One of them is the ripple click effect where an ink-drop like element moves out radially from the position where the user taps/clicks. This effect has also been integrated in the paper elements collection in the Polymer Proje
Pure CSS3 breadcrumb navigation - the pixel perfect way
Description The problem with most CSS3 based breadcrumbs is that they use border based triangles for the arrows which is awful because: 1. Hover effects are not pixel perfect - hovering on the arrows creates issues because they appear to be triangles but occupy a square region. So hovering/clicking at the edge of a link could trigger the event on the next/previous link actually. 2. You cannot use
Simple yet amazing CSS3 border transition effects
Description Some crazy effects with Border Transitions. Originally made by ksk1015. Pretty basic CSS3 code, but amazing output.
Magnifying glass for image zoom using Jquery and CSS3
Description Learn to make a realistic magnifying glass using Jquery and CSS3. Hover above the image to see the action. The code uses CSS3 box-shadow and border-radius properties to create the magnifying glass. Jquery is used to position it at the cursor coordinates and change the background position accordingly. Moving the cursor away from the image gently fades out the magnifying glass bringing t
CSS3 Family Tree
Nick Not bad, excellent use of code. Problem is if you wanted to use it as a family tree, you would have to find someway to show marriages, and possible other data. Still it is an excellent start to what could be a very useful library/resource. roberto and works for a small family tree, when you use this code for more than 4 childs doesn’t work. but this is really useful and beauty, thanks a lot.
Google Doodle animation in CSS3 without Javascript
Description A small experiment to replicate today's Google Doodle in CSS3 without any Javascript.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Perspective Mockups using CSS3 3D Transforms
