Membuat Efek Shadow dan Gradient dengan CSS3

Biasanya ketika akan membuat efek shadow dalam web, kita biasanya melakukan pembuatan dengan photoshop, begitunya dengan warna gradient. perhatikan gambar dibawah ini:

gradient

untuk membuat efek shadow pada tulisan di atas, dapat digunakan perintah sebagai berikut:

text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;

perintah diatas digunakan untuk membuat efek shadow diatas, sedangkan untuk efek gradient dapat digunakan perintah dibawah ini:

background: -webkit-linear-gradient(0deg, #7F1F00, #FF5, #7F1F00); /* unt Safari 5.1 to 6.0 */
background: -o-linear-gradient(0deg, #7F1F00, #FF5, #7F1F00); /* unt Opera 11.1 to 12.0 */
background: -moz-linear-gradient(0deg, #7F1F00, #FF5, #7F1F00); /* unt Firefox 3.6 to 15 */
background: linear-gradient(0deg, #7F1F00, #FF5, #7F1F00); /* perintah standar diakhir */

demikianlah catatan singkat untuk penggunaan CSS 3 dalam pembuatan efek shadow dan gradient untuk lebih jelas dapat mengunjungi web w3chools.com

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s