Free Long Shadow Generator + <small>Source Code</small>

Berbicara issue trend terhangat seputar dunia koding tidak akan berasa ada habisnya. Display template yang lagi di gandrungi dengan gaya metro bertebaran dimana-mana. Mungkin dipengaruhi dengan hadirnya apps windows 8! Begitu pun dengan urusan bayangan alias shadow. Yup!!! efek shadow sebuah konten sekarang lagi ngetrend pada panjang-panjangan :P Secara basic efek shadow terbagi ke dua bidang yaitu box-shadow dan text-shadow. Perbedaan mencolok dengan long shadow dengan universal shadow sudah pasti pada hasil akhir. Universal shadow tidak lebih menggunakan value begini box-shadow: 1px 2px 3px #000 or text-shadow: 1px 2px 3px #000

Value 1px 2px 3px mempunyai artian sbb:

• 1px
h-shadow
• 2px
v-shadow
• blur effect

Ke semua value yg ada masih bisa dirangkai lagi dengan attr or value lain sehingga menghasilkan karya cipta IYAY :P Dengan rangkaian itulah maka trend long shadow bisa merajalela di dunia persilatan shadows :D Paling ekstreme mungkin efek bayangan seperti ini bro! Sorot itu tulisannya jangan dipelOtOtin...

LongShadows

Source coded by: http://stackoverflow.com/a/18237051

Untuk memudahkan pembuatan value shadow yg begitu panjang and bejibun, AA Koben ingin berbagi long shadow generator, tools bantuan IYAY.

Long Shadows Generator by Juani

sandbox.juan-i.com/longshadows

Long Shade Flat Icon generator

lab.web-gate.fr/ls-maker Chrome only

Dua saja ya bro, ampir sama soalnya gitu² juga ;)) Here for code long-shadow tools
cdpn.io/qpyot - cdpn.io/wIKpl
Contoh kreasi
sandropaganotti.com/wp-content/goodies/demos/we-love-shadows/we-love-shadows.html - cdpn.io/CyeEA
Bye bye...sampai jumpa lagi dengan trend design yg akan datang :-h
Happy tools \m/