◄ Min  Size Fonts: + | - | ± Color: Max ►

Free Long Shadow Generator + Source Code

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/
Loading...
XFree Long Shadow Generator + Source Code
Free generator long shadow for make awesome shadow effect in your box or text.
Subscribe my posts Register For Free!

12 comments

[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...


MISC

Resources

WANT BE HERE!!! CONTACT ME :P

FACEBOOK PAGE