31 Mart 2013, Pazar

Css3 Doğrusal Gradyan Arka Plan Öğretici Html5 Doğrusal Degrade Parametreleri

Bu e değerlendirilen seviyede üç öğretici çeşitli üzerinde olacak herhangi bir html zerafet doğrusal gradyan arka oluşturmak için parametreler Bu video, Chretien tamamlayarak tarafından takip edilecektir Eğer bu bir zevk eğer öğreticiler programlama yani bir sonraki kaçırmayın tamam takımından bir html beş web belgesi aklın çıplak kemikleri ile başlamak adlı let Test nokta html kafası içine kadar gitmek ve stil öğesi de koydu ve ben grev yapacağız texas i yakın tekstil elemanının birkaç satır aşağı gitmek emin olun vardır Ben yapmak istediğim bir ilk şey Hedefe Bu sayfadaki koymak tüm yerli vermek

vergisi ise örneğin uğruna olarak bu sayfada tekliflerin bir sürü olacak bulunmuyor Bunların hepsi de aktif bir madde ile bu yüzden görünüyor kilo değerlendirebilirsiniz yan yana Böylece biz sadece bir örnektir uğ

runa gidiyoruz sadece ne biz sadece okumak değerlendirir, böylece Antsy hedeflemek istiyorsanız, tüm paragraf görüntüleri var p tıklayınız ama yaptığımız sobel tıklayın vermek denemek istiyorum ve istediğimiz

“Ders Kodu: http://www.developphp.com/video/CSS/Linear-Gradient-Background-Tutorial HTML elemanları için ayarı arka plan olarak kullanılabilir CSS3 lineer gradient...”
Adam Khoury

her biri float left için yüz yüksekliğinin üç-dört yüz piksel marjı var uyanık olmak çevrelerindeki içlerinde metnin renk metnin beyaz yazı tipi boyutu olacak olacak otuz piksel ve her gün çeltik reina dolgusu Yeterince yirmi piksel basit yürümek Ben web sayfasının body elementi içine gitmek istiyorum ve bu dokuz gelişmeler yerleştirmek gidip her biri yapabilirsiniz diğerinden farklı bir sınıf sahip oluyor Eğer sınıfını kullanmak için gidiyoruz eğer

Css3 Doğrusal Gradyan Arka Plan Öğretici Html5 Doğrusal Degrade Parametreleri Resim 1 Css3 Doğrusal Gradyan Arka Plan Öğretici Html5 Doğrusal Degrade Parametreleri Resim 2 Css3 Doğrusal Gradyan Arka Plan Öğretici Html5 Doğrusal Degrade Parametreleri Resim 3 Css3 Doğrusal Gradyan Arka Plan Öğretici Html5 Doğrusal Degrade Parametreleri Resim 4

aynı zamanda bu i_d_ 's yapmak cdleri her biri tek tüm yol aşağı farklı bir sınıf degrade boyunca sahip gradyan dokuz İç html içeriği sadece sayı tutar hangi bu sayfadaki olduğunu vermedi şimdi biz onları sınıfın bütün bu tarihleri ​​hedefleyen başlayabilirsiniz bu yüzden sana diyecek degrade bir başladı öyle sınıfa belirtmek için degrade biri küme ayracı açıp küme ayracı kapatın ve d arka plan hedeflemek istediğiniz özellik çoklu standart lineer tire eğim ve sonra şimdiki ölen ve daha sonra koyun noktalı virgül ve içine A

lban senin parantez kare tüm parametreleri koymak biz tam olarak istediğiniz degrade verecek Şimdi birkaç yıl içinde herhangi bir önek olmaksızın doğrusal degrade kullanmak mümkün olacak ama şimdilik i google krom test ediyorum çünkü safari ya da birkaç test Eğer öneki webkit koymak zorunda Eğer degrade ayarını ayrılmadan önce internet explorer yeğeni testler bu olurdu Bayan_ o ateş yeniden test bu olurdu kalıplar opera gölgelik testler bu olurdu merhaba test ve krom üzerine dersler i webkit kullanmak için gidiyorum ama Dediğim gibi Çok yakın bir gelecekte sony öneki olmadan herhangi tüm tarayıcılarda kullanmak mümkün olacak gibi olduğunu zaman varlık olduğunu bu örneklerin hepsi webkit mls eklemek için gittiğini halletmek zaman geçişlerini her bu örnekleri yaratmak için tüm p_m_s_ önekleri kullanıcıya çalışıyor biz emin olmak istiyorum çünkü bizim site geliyor opera, biz emin olmak için bu doğrusal gradyan daha fazla çocuk çok yani temelde bok ve sen doğrusal gradyan r_d_ açıda koyabilirsiniz Aşağıda yönlü ve sonra istediğiniz renk ve renk duraklarının hepsi i açıklayan olacağım hangi renk yapacağız başkan bazı sadece bir anda renk durur biz sadece edeceğiz gidecek basit bir degrade hazırlamak turkuaz Siyah şimdi test nokta html güncelleştirilmiş bir tarayıcı hale izin bc i bir degrade turkuaz yankıları olsun Şimdi her türlü kullanabilirsiniz size istediğiniz renk değerleri doğrudan kullanmak zorunda değilsiniz Eğer bunu gibi onaltılık renkleri kullanabilirsiniz burada kullanıyorum gibi renklerin isim Ben bu işe siyah değiştiremezsiniz Daha sonra onaltılık siyah ve i aynı sonuçları oturan test edin Ayrıca burada h s_l_ renkler ve bizim g_d_p_ renk değerlerini kullanabilirsiniz böylece kullanabilirsiniz renk müdürü ismi size kafes s_l_ kullanabilirsiniz onaltılık renkleri kullanabilirsiniz, böylece renk veya kullanabilirsiniz tercih ne olursa olsun decolores iddia tamam şimdi ne ben daha fazla renk de isterseniz en Bütün bu kural hakkı kopya izin Burada ve en o birinin altında başka bir kural oluşturmak izin degrade kutusu numarası iki ve sağ siyah ayardan sonra biz başka bir renk macenta eklemek için gidiyoruz Bizim tarayıcıda size buna nalla Verimliliği şimdi sahip olan bir eğime sahip üç renk ve en ben bu ucuna kadar sarı istedim diyelim gözden Eğer sadece renk tüm geniş spektrumlu nasıl alabilirim görebilirsiniz veya yapmanız gereken orada Addington tutmak virgül ps ayrılmış tamam şimdi şimdi o üç renk var biz sadece oluşturduğunuz bir atalım en degrade üç yüzden zayıflamış etkisi olduğunu değiştirmenize izin sayfadaki burada üç kutu Şimdi renk duraklarını tanıtılacak hangi yaka belirttiğiniz yol durdu yapacak ve birini kullanabilirsiniz piksel veya yüzdeler eğer öyleyse ben karakalem atıkları demek yüzde otuz gider ve ben yalnız siyah bırakacağım ve sonra benim kırmızı ben yetmiş yüzde gitmek istiyorum bu nedenle bu işlemek var: biraz bu dışarı misjudged ve gördüğünüz olacağını olduğunu turkuaz yapar ve eflatun daha hakim ve bu satırları kadar sıkın hatta bu yüzden juarez gidebilir hava tüm yol, hatta ben değilim ne bir degrade gösterisi gibi sizi görünmüyor Neden burada başka bir rol yapma bahsediyoruz en için bu geçişlerini yapalım şimdi o siyah hedefi yanıtladı ve ben bunu yapmak ne olacağını yüzde otuz, bu turkuaz ile kaplı ele alınacaktır olan yüzde otuz durur ve yapmak köpekbalığı hattı yüzden o bir göz atalım sayısı dört üzerinde cc biz çok keskin bir çizgi var sonraki bir renk mezuniyet bilinmektedir biz sadece gerçekten keskin bir çizgidir Eflatun siyah meet ile bu aynı şeyi şimdi bunu yapmak için yapmanız gereken Burada başka bir siyah koymak olur ve yetmiş yüzde karşılar hale nasıl böylece gösterir her yerde sizin istediğiniz ve hatta bu satırları Degrade çizgiler koymak onlar bile bir renkten mezunu benzemiyorsun nerede onları sıkın diğeri tamam şimdi en bahsedelim yön veya açı Doğrusal degrade bu yüzden en altında bir sağ yapalım bu kural degrade dört vurgulamak var gradyan beş ve bayan bu aşağı basitleştirmek turkuaz virgül siyah eflatun ve biz bunun altında olsaydı biz de sadece kutu gibi görünüyor yeni bir kutu var bakın ama şimdi yapmamız gereken bir gidiyoruz Bizim tüm renklerin önünde sen ve ben a açısı değişmiş değil varsa eğim Tüm renklerin önünde peepers gibi bir şey koyabilirsiniz parametre sol Basın olarak kontrolü ve önizleme Bu gece sizin degrade görebilirsiniz Sol kanattan geliyor turkuaz sonra sahip sol ve siyah macenta başlar Bölgenizdeki sağında ve ben de hedef olabilir ben isterseniz sol alt hakkı veya üst hedefleyebilir ziyade a_t_t_ şimdi benim degrade alttan geliyor ya da başlar alttan böylece tarafından en bu kopyanın tüm kapmak let it diğeri Kollek degrade yapmak altı Ben isteseydim şimdi burada yaklaşık kırk beş derecelik açı sosyal konuşacağız benim gradyan dibinde başlatmak için Köşe ben sadece alt sol koyabilirsiniz Ben sol sağ alt tabanını kullanabilirsiniz talkleft veya sağ üst yüzden bu gelen x hale izin tbm kutu altı hafif sahiptir ve değiştirmek Turkuaz, bu alt köşede başlar ve degrade burada bu üst köşede girmek görüntü ile biter Eğer kare bu kutuları yaparsanız daha dramatik olduğunu görebilirsiniz işlemek yeniden ve daha sonra yenilemek nasıl görebilirsiniz daha dramatik orada köşeden köşeye var nasıl görebilirsiniz dikkatlice üç yüz böylece hepimiz neye benzediklerini görebilirsiniz Dikdörtgen şeklinde alt üzerinde sol şimdi sadece sınırlı değilsiniz Eğer kesinlik isteseydi sağ üst o kesin açı alamadım açıktır açıları İstediğiniz kullanarak açısının ayarlanması için farklı bir yaklaşım o yüzden bu degrade yedi yapalım ve en alt soldan değiştirmenize izin ne olursa olsun Güvenebileceğiniz istediğiniz açı kırk beş dat demek kırk beş derece olarak işlemek benim tarayıcı Üç yüz on beş gibi bir şey değişim kırk beş ne ​​hakkında sayfayı yenileyin ve kutu yedi gözkulak nasıl açı değişiklikleri görebilir ve koyabilirsiniz istediğiniz herhangi bir açı bu yüzden ben burada yirmi mangal istersen bu sorun yok Basınç pagey hiç kutu gözkulak böylece istediğiniz herhangi açı olsun ve ben kırk beş geri gidebilir ve bunu çevirmek görürsünüz hiç bu kadar biraz i yenilemek sadece çok hafif hiç döndü uçurum daha doğrudan açısının değiştirilmesi numaralarını kullanarak Biz olmuştur beri önemli çıkışları burada bilmek için bir javascript ken de sayısal değer herhangi bir sayısal değerler c s_s_i_ içinde sayfada bir şey ne var bu bir yaptığı gibi ve sayısal bir değer vardır javascript conf Gordy içinde artış ile yol düzgün tür olduğunu animasyon kriminalist numaralar bu yüzden sadece bazı çocuklar bildirmek istiyorum Eğer javascript yapma hakkında düşünmek için ne döndürmek ve bu degrade SPINETA yuvarlak ve yuvarlak animasyon sadece bu manyak olabilir Birkaç kaygan burada derece yeterli javascript animate yapabilirsiniz Spin için zemin yuvarlak degrade bir şey olabilir ve tamamen bir oynamak bir yapım olabilir gibi İkinci üç oyuncuyu m_p_ javascript ve html sizin üzerinizde degrade saldırılar animasyonlu olabilir Bir kaç gerçekten iyi html beş ses ses spektrumunu kullanmak mümkün olacak sayfadaki grafik etkileyecek ve bu görsel ses için oluşturulan nasıl Kesin dövmek tamam biz sadece bu yüzden kopya geçmesi için iki örnek vardı en id numarasını sekiz yapalım Şimdi bu bir kapalı açısını ancak yönünü atalım bu yüzden bir degrade olacak turkuaz siyah magento sahip bir degrade var Sağ doğrusal önünde ya da hareket edecek tekrarlanan ve daha sonra tire var yani sadece normal bir lineer gradyan yerine doğrusal degrade yinelenen Şimdi yinelenen doğrusal degrade oluşturmak için gidiyoruz ve renk duraklarını kullanmak zorunda doğrusal bir degrade yinelenen etkileyecek O katılmak Suudiler bugüne kadar ucu Ben herhangi bir renk duraklarını yok çünkü yinelenen bir degrade yok O henüz bu yüzden siyah renk geçebilir Şimdi yirmi piksel durdurmak ve daha sonra kırmızı i durmayacaklar x kırk Alice bu hale piksel değilim Eğer size herhangi verir görebilirsiniz degrade arka plan yinelenen şimdi Şimdi bu yaptığınız birini almak ve sadece burada son örneği kopyalanmış izin bir degrade dokuz ve en üst etmek açısını değiştirmek izin İsterseniz derece kullanabilirsiniz nerede ve sonra sayfayı oluşturmak ve bu sadece herhangi bir açıda yinelenen geçişlerini güvenli olabilir nasıl gösterir hangisi böylece degrade diyor kullanabilirsiniz gezinti çubuğu arka plan renkleri ve iki yıllık biraz usta ve üç d hissi verecek Grafik düğmeleri veya l_i_f_ ay unsurları bu geçişlerini kullanabilirsiniz yapmak Belki l elemanları veya düğmeleri kullanarak degradeler o onları biraz daha borç vermek için arka olabilir Ona bir düğme gibi biraz daha görünmesi ve ayrıca üzerinde rulo kendi görünümünü değiştirebilirsiniz bir bağlantı gibi bir şey kullanarak sadece bir liman sahte seçici koyabilirsiniz ve kullanıcıların moskova tamamen degrade değiştirmek Örneğin salem römork kamyon diğerleri almak Bir numara oluşturma kumanda c Onlar seçkin bir oranın ur tür hav turkuaz değiştirmek istedim bu bunu yapar Daha koyu gri üstünde açık gri Moskova zaman bitti Bu kutu, bir tula sayfayı yenileyin ve benim evin tek tek bitti Bir degrade bir değişiklik görürsünüz başka bir yani bu leah düğmelerini yapabilir ve daha sonra clinton bitti güzel rulo var Serin geçişlerini sonbahar ve sen bile, örneğin eğer sınır yarıçapı defterini kullanarak bu köşeleri etrafında Ben sipariş burada büyük Nakit yarıçapı Sekiz piksel söylemek ve o hale ve ben bir gezici var i yuvarlak kenarları göç güzel köşeleri göreceksiniz eğer şimdi ve ben sadece böyle ayarlayabilirsiniz için ah ... Diğer dokuz devlet için çok alt tipi almak muhabiri yarıçapı i bakım sağlar ve sonra ben ya da ne kadar yuvarlak köşeli dikdörtgen bu hale gradyan olarak Ben üzerine gidince ve bir degrade değişir başka bir bu yüzden bu düğmeler yapabilirsiniz nasıl şimdi bazı size göstermek için bir gibi ama o sen var Eğer bir yerde düğmeleri olmak istiyorum sekiz etiketleri var Eğer gerçekten kolayca moq şekillendirebilirsiniz tamam dışarı almak zorunda ve pet Tek yapmamız gereken kalıcı bunun için tüm tarayıcılarda çalışır emin olduğunu örnek ben onları gerekçesiyle önizleme safra giderseniz parçalardır toroidal burada olduğunu şimdi diğer tarayıcıların tüm tüm önekleri Ben gelecekte dediğim gibi ve gerçekten bu konuda endişelenmenize gerek olmazdı oniki i yapabilir bu şekilde dışarı tüm bu ayrı her biri birden fazla satır ve ben bir odada bu yayınlamak tarihteki tüm kulüpler tamam yani temelde tek tüm yol aşağı degrade kademeli dokuz gidiyoruz için Diğer tarayıcılar için önekleri sahipti ben bu alamam gördüm ve bu bir değirmenleri yapmak ve şimdi ve ben dosya Önizleme içinde ateş Ben gördüğünüz benim ilk kutu var Ben muzah hedefleme ediyorum çünkü ve sadece çoğumuz için i tarihi ihtiyacınız internet explorer yazılım m_s_ ve ben de çalışmak gerekiyor opera bu yüzden ankette takacağım ve ne zaman bu önekleri, tüm ve artık kullanımı Ben sadece bir p olur standardize doğrusal eğim varsayılan bunların hepsi dört sonra şimdi biol önizleme, bu ve internet explorer oynamak Ben iyi kutu almak ve burada ne yapabiliriz üst sadece varsayılan sahip olduğu kadar gibi ben olmak istedim Varsayılan arka plan rengi gri Bu geçişlerini hiçbiri görülürse bu yüzden de olacağını arka plan görüntüsünü tekrarlayarak r aurl koyabilirsiniz Geri dönüş geçişlerini tarayıcıda işlemek için olmaz hippies gibi ama i geçişlerini olsun görürsünüz ve ben sadece düzenli alamadım background-color dokuz dokuz dokuz ancak bu gradyan ayarların hiçbiri bu çalıştı Özellikle tarayıcı sadece geri almak Dokuz dokuz dokuz son çare olarak Dediğim gibi ya diğer yinelenen görüntünün o_ bir jul R_ olduğu söylenebilir olabilir son çare olarak bu yüzden sadece geçmesi ve önek bu çeşitli örnekler intro tüm koyacağım tamam nedenle temelde bu ile bitmelidir ne Dediğim gibi hatırlıyorum geri üst orospular istiyorum yapmak bir düşüş olabilir oluşturmak her degrade Emin çok altta sonra webkit en m_s_ Ando ve hedef Euclid p gelecekte ve tüm tarayıcılar ve bir çift kullanılacak olacağını standartlaştırılmış yolu Bundan yıllar bile tüm ihtiyaçları olanların hepsi ihtiyacınız olmayacak sadece böyle mektuplar doğrusal degrade Şu an biz önek kullanmak zorunda Bazı tarayıcılarda öneki olmadan sadece böyle aslında biraz daha çalışması örneğin izin kromajlı için ceza iki bakmak bir kutu hala her şey hala gayet güzel orada çalışıyor ve hiçbir webkit var öneki ve hala krom çalışır ama sen gerçekten yapmak istemiyorum senin bazı ayarları nedeniyle olmayacak Sadece bunun gibi onu bırakmak istiyorum böylece webkit yoksa krom çalışmak böyledir veya şu an bu daha karmaşık bazı ayarları daha kalıcı çünkü Eğer o iyi bu yüzden bu örnekleri kullanarak öneki WebKit yoksa krom gerekir için izin her yerde olmayan istedim çok renk istediğiniz anglia geçişlerini mümkün ya sana adamlar bir şey daha göstermek istiyorum Beni uh ... iki numaralı hedef izin vermedi ve sana ilginç bir şey göstereceğim çeşitli degrade yüzden sadece önekleri tüm tüm siyahları alacağım için ve şeffaf değiştirmek kötülük biz şeffaf bir renk olsun göreceksiniz bu hale Siyah nerede olduğu güzel bir serin destekli olan yapabilirsiniz Katmanlı diğer elemanların üstünde bu kökenden görmek mümkün olacak Doğru onlar şeffaf olan bu geçişlerini aracılığıyla top bu kod o zaman p_h_p_ oy işleyen bir video ile sayfaya olacak Bana ne varsa kod mühür Bir herhangi bir nedenle kopyalayın tamam böylece oluşturmak için çeşitli programlama parametreleri kapsar doğrusal gradyan arka freddie html elemanları ve ben bu radyo hemen sonra koymak için gidiyorum sonraki videoda istediğiniz hakkında konuşmak oluşturmanıza olanak sağlar radyal degradeler dairesel ya da eliptik şekilli gradyanlar.

Açıklama

Ders Kodu: http://www.developphp.com/video/CSS/Linear-Gradient-Background-Tutorial HTML elemanları için ayarı arka plan olarak kullanılabilir CSS3 lineer gradient () ve tekrarı-lineer gradient () ile ilişkili çeşitli parametreleri ve değerlerini öğrenin. Ertesi videoda radyal degrade () ve tekrarı-radyal-degrade () programlama parametreleri kapsayan olacaktır.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.8/10

  • 157
    Olumlu
  • 2
    Olumsuz
  • 33
    Yorum
  • 16692
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • GFX Tutorials

    GFX Tutorial

    12 AĞUSTOS 2013
  • Alexey - servant of Christ

    Alexey - ser

    15 EYLÜL 2007
  • TheMasterOfHell100

    TheMasterOfH

    13 AĞUSTOS 2011

ANKET



Bu sayfa işinize yaradı mı?