Rabu, 07 Maret 2012

CSS3 lagi, lagi-lagi CSS 3

Tidak bosan-bosan kembali Beben Koben si bloglang anu gateng kalem tea akan berbagi kembali tutorial seputar fitur dari CSS3. Ilmu tidak akan habis selagi memang ada kemauan untuk belajar sob :) Semakin banyak rujukan yg kita peroleh, makin keren trick yg akan kita dapatkan juga :D Seperti keterangan syntax border radius, box shadows, text shadows, gradients, multiple background and etc yg dipaparkan di artikel getting to work with css3 power tools. Lebih mendalam kalian bisa baca² di learning css3 a reference guide :D Kepingin lebih mendalam silahkan search with keyword CSS3 di blog ini. Terpampang deh demo² dari source² pilihan Koben ;)) :">
Ngomong² pilihan (berbeda) Koben lagi² menemukan source indah punya dari feature CSS 3, lebih khusus seputaran efek Transitions, Transforms and Animations.

Sebelum itu ada baiknya sobat melihat-lihat macam efek yang dapat dihasilkan CSS3 karya master Dan Eden animate.css a bunch of plug-and-play css animations. Extra explanation for intro to css 3d transforms :D

One image to another, on hover (transitions)


Zooming in and out


Rotation


Each image is visible for 5 seconds before fading to the other one


Staggering the animations can result in a multiple image fader


All demos you can learn here crossfading images css3 transitions, transforms and animations by master Rich Bradshaw.
More resource:
Road to CSS3
Happy coding \m/

Tidak ada komentar:

Posting Komentar