wew, redesign lagi :)
setelah theme kemarin sangat hancur ‘saya rasa’, sayapun berinisiatif untuk redesign lagi, redesign kali ini masih simple dan hampir sama seperti kemarin, hanya saja sekarang lebih gelap dan mungkin soft :)

berbeda dengan design sebelumnya, kali ini saya menggunkan lumayan banyak gradient, sayangnya gradient ini ngga support di Opera :( Semoga saja developer Opera memperbaiki browser mereka.

contoh dan sintax linear gradient

background:-moz-linear-gradient(top, black 0%, #2222dd 100% );/* Gecko | firefox 3+| Thunderbird 3+ | Fennec 1+ */

background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2222dd), color-stop(8%,#000), color-stop(100%,#2222dd) ); /* webkit | safari, chrome|*/

filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=’#000000′,endColorstr=’#2222dd’,GradientType=0);/* IE */

yang diatas adalah contoh linear gradient, sebenarnya masih ada radial gradient.
saya sudah merapikan theme ini di semua browser yang saya install firefox, opera, chrome, IE6, IE7 dan IE8, untuk IE 9 saya ngga nginstall jadi ngga tahu gimana jadinya, ini saya lakukan karena saya berencana kedepanya ngga akan redesign lagi(kalo edit mungkin), abisnya terkesan percuma dan buang-buang waktu, nantinya saya hanya akan fokus ke content, joomla, php/sql dan bikin themes wordpress(free for you). Doain ya semoga semua berjalan lancar, Amin

shared to : facebook | twitter

tentang penulis

indamindam

Indam, seorang web designer, wordpress theme development, -
blogger dan penulis yang ingin terus belajar! read more about indam ⇉


Indam on | facebook | twitter

Berlangganan via FeedBurner

4 Responses to “Redesign With CSS3 Linear Gradient”

  1. aldy~PF says:

    Saingan bro, permak tiada henti :D

  2. Hendro says:

    Keduanya salut memang yang membuat sintax, webkit tidak ada sfesifikasi apakah radial atau linear sedangkan gecko ada.
    Yah,,sebenarnya memang jari-jari yang membedakan linear dan gradient yaiu deg, circle cover untuk gecko.
    Kalu aku radial masih bingung di perhitungan javascript ketika kita menggunakan this dan ketika prototype di mainkan.
    Kalu webkit aku senang dan unik sintaxnya dia langsung masukan di -webkit-gradient(radial,bla..bla..bla.
    Jadi pingin posting canvas..

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>