bunun gibi ya da bunun aynısı farklı renklerde nasıl yapabilirim?
Böyle gradient'leri nasıl yaparım? |
9 Mesajlar | 1.323 Okunma | ||
- Üyelik 22.06.2014
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum Adana
- Ad Soyad O** T**
- Mesajlar 1201
- Beğeniler 310 / 296
- Ticaret 2, (%100)
aşağıdaki görselde olduğu gibi (tablo başlarındaki mavi kısımlar) gradient'ler yapmak istiyorum ama farklı renk tonlarında.
bunun gibi ya da bunun aynısı farklı renklerde nasıl yapabilirim?
bunun gibi ya da bunun aynısı farklı renklerde nasıl yapabilirim?
- Üyelik 29.11.2015
- Yaş/Cinsiyet 47 / E
- Meslek serbest
- Konum İstanbul Avrupa
- Ad Soyad A** T**
- Mesajlar 2184
- Beğeniler 715 / 772
- Ticaret 32, (%100)
Photoshop ile kolaylıkla yapabilirsiniz.
- Üyelik 12.03.2015
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 576
- Beğeniler 46 / 205
- Ticaret 16, (%100)
- Üyelik 18.10.2011
- Yaş/Cinsiyet 43 / E
- Meslek Çevre Mühendisi
- Konum İstanbul Anadolu
- Ad Soyad G** G**
- Mesajlar 1708
- Beğeniler 225 / 548
- Ticaret 60, (%100)
Gayet başarılıymış Winston .
"Tabiatın isteklerini anlamazlıktan gelen, cezasını görür." [Balzac]
- Üyelik 02.01.2014
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 1852
- Beğeniler 346 / 707
- Ticaret 5, (%100)
- Üyelik 08.03.2014
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad E** G**
- Mesajlar 1066
- Beğeniler 192 / 189
- Ticaret 26, (%100)
background:linear-gradient(#333,#666); css istiyorsanız eğer örnek. Geliştirebilirsiniz bunu.
InfiniTheme Profesyonel Magazin - Teknoloji Wordpress Teması Çıktı (Konularımdan ulaşabilirsiniz.)
- Üyelik 19.05.2016
- Yaş/Cinsiyet 33 / E
- Meslek Yatırımcı, Grafik Tasarım
- Konum İstanbul Anadolu
- Ad Soyad M** M**
- Mesajlar 1217
- Beğeniler 99 / 373
- Ticaret 6, (%100)
Böyle uygulamarı bilmek güzel oluyor :D
Yazdıklarım kendi düşüncelerimdir, yatırım tavsiyesi değildir.
- Üyelik 16.07.2015
- Yaş/Cinsiyet 27 / E
- Meslek Bilgisayar Müh. Öğrencisi
- Konum İstanbul Anadolu
- Ad Soyad M** T**
- Mesajlar 215
- Beğeniler 94 / 93
- Ticaret 23, (%100)
Aslında genel cevaplar verilmiş fakat toplarsak şöyle açıklayabilirim;
Geliştiriciler sitelerin hızlı açılmasını istediklerinden dolayı genellikle Photoshop'ta çizimi yapılmış hemen her şeyi koda dökmek isterler. Bu yüzden birçok site ve proje geliştirilmiş, hali hazırda bir çok şablonlar oluşturulmuştur. Sizdense yapmanızı istedikleri tek şey kodları kopyalamaktır.
Bahsi geçen Gradient Editör'ler yeterince iş görmesiyle birlikte aslında yaptığı iş kodlarda gerekli renkleri sağlamaktır ki şayet CSS3 Gradients konusunu incelerseniz ve birkaç örnek çalışma da bulunursanız mantığı çözmüş ve tekrar sitelerde zaman kaybetmemeye başlamış olursunuz.
Saygılarımla,
Kolay gelsin.
Geliştiriciler sitelerin hızlı açılmasını istediklerinden dolayı genellikle Photoshop'ta çizimi yapılmış hemen her şeyi koda dökmek isterler. Bu yüzden birçok site ve proje geliştirilmiş, hali hazırda bir çok şablonlar oluşturulmuştur. Sizdense yapmanızı istedikleri tek şey kodları kopyalamaktır.
Bahsi geçen Gradient Editör'ler yeterince iş görmesiyle birlikte aslında yaptığı iş kodlarda gerekli renkleri sağlamaktır ki şayet CSS3 Gradients konusunu incelerseniz ve birkaç örnek çalışma da bulunursanız mantığı çözmüş ve tekrar sitelerde zaman kaybetmemeye başlamış olursunuz.
Saygılarımla,
Kolay gelsin.
- Üyelik 28.09.2011
- Yaş/Cinsiyet 29 / E
- Meslek Makina Mühendisi
- Konum Bursa
- Ad Soyad H** K**
- Mesajlar 87
- Beğeniler 18 / 15
- Ticaret 2, (%100)
Basit olarak şu şekilde anlatabilirim:
Daha önce bununla ilgili bir yazı yayınlamıştım, dilerseniz ona da göz atabilirsiniz:
CSS3 Gradient Kullanımı
background:linear-gradient(yön, renk1 , renk2, ...);
background: -webkit-linear-gradient(red, yellow, blue, green); /* Safari 5.1 - 6.0 için */
background: -o-linear-gradient(red, yellow, blue, green); /* Opera 11.1 - 12.0 için */
background: -moz-linear-gradient(red, yellow, blue, green); /* Firefox 3.6 - 15 için */
background: linear-gradient(red, yellow, blue, green); /* Standard Kullanım */
Daha önce bununla ilgili bir yazı yayınlamıştım, dilerseniz ona da göz atabilirsiniz:
CSS3 Gradient Kullanımı
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)