19 Mart 2012, PAZARTESİ

Öğreticiler #3 - Css3 Mixins Pusula

Ne bu kadar var Scott Wood seviyesi yukarı tut en ve bugün biliyoruz istiyorum üçüncü kez pusula öldürür kadar tesviye olmak bugün bazı şaşırtıcı içine başlayan edeceksin Nixon'ın bu pusula CSS3 için vardır hoş geldiniz bu çok çok Nixon adlı CSS3 biz sadece bitecek gitmiş olacaksın için vardır cumple çift ​​nereye web sitesini kapsar Ben gösterisi olduğumu onları seviyorum ve Eğer Nixons ilgili tüm öğrenmek için belgeleri kullanabilirsiniz CSS3 parça pusula böylece sunduğu olacak ilk yapmak vardı ben zaten pusulayı var fark ise Bu bir izleme kolları pusulayı var biliyorum bu noktada yakında olaca

k Ne sizin yanınızdaki Projeniz değilse geri dönün ve ikinci öğretici izlemek bu yüzden olacak sipariş Conde de stiline gideceksin ve burada% uh yapacağız şimdi referans pusula referans gideceğiz gerçekten ha

rika bir parti kendi web sitesi üzerinde zaman bir ton geçirebilirsiniz olduğunu ve burada okumak için şeyler çok ve çok ve çok orada bu yüzden solda burada pusula mahkeme CSS3 bölümüne gitmek için gidiyoruz E

“Bu Pusula serisinin 3 öğretici olduğunu. Bu öğretici kolay tarayıcı güvenli kod CSS3 Mixins inşa nasıl kullanılacağını kapsar. Kaynak burada yer: https://github...”
LevelUpTuts

ğer fark ederseniz ve bu şey bu ama kullanılarak alınabilir var ithalat şirketleri önceki belgede biliyoruz css3 çizgi biz dedi vardır pusula bölüm pusula uzak diğer şirketlere raporlama Sadece kullanan tüm yoluyla sadece pusula CSS3 almak istiyorsanız ithalat pusula testi css3 yüzden ne yapacağını ilk muayenesi çalışıyor border-radius: bu yüzden ben bu gibi çalışır demek olduğunu sınır Biz söyledi bir X vardı ne biz daha önce vardı gibi çalışması bekleniyor

Öğreticiler #3 - Css3 Mixins Pusula Resim 1 Öğreticiler #3 - Css3 Mixins Pusula Resim 2 Öğreticiler #3 - Css3 Mixins Pusula Resim 3 Öğreticiler #3 - Css3 Mixins Pusula Resim 4

Nixon border-radius: ve değerleri ile hesaplanan sınır yarıçapı yani yukarı bu temelde aynı şeydir Santa border-radius burada bizim sayfaya gidelim: yani ana vermek bu grad sana yani dün bir barda sadece böyle yapmak ensest bunu size do sınır dahil yarıçap ve sonra Burada bir yazdırma denizlerde içinde söylemek için gittiğini iyi sen destekçisi 20 piksel ve Sandy olsun zaman 20 piksel var var Cohen İnce her şeyi denetleyicisi término üzerinde tasarruf Biz sayfayı yenileyin ve şimdi yukarıda bir sınır yarıçap

ı vardır 20 piksel bizim stil CSS giderseniz aslında henüz Şimdi bu söyleme let darphane burada & Style Sheets geliyor CSS böylece kontrol tarzı olduğunu bunu görebilirsiniz ben satıcı seviyorum önekleri sadece bizim önceki karışımı gibi biz oldukça harika yapmıştı iyi Diyelim ki bir radyal sadece üst gemiye eklemek istedim diyelim serin sağ kuyuya sol alt kısmına nedeni şirketlerin yerleşik işlevsellik bunun için de Gördüğünüz gibi bu yüzden sıralanmış olabilir Bu belgelerin aracılığıyla sadece bir parçası tam tüm seçenekleri bir bulmak için pusula var bu yüzden her köşe için sekiz farklı yarıçapı eklemek istediğiniz diyelim aylar piksel 10 piksel 220 piksel ve sonra düz 40 piksel ve size ne olacağını en projelerimizi kontrol edelim kaydetmek kazanmak Gördüğünüz gibi aşağı gitti kadar yenilendi yirmi II kırk bulunuyor 10 hücreleri oldukça sağlam bu şeyleri gördüğünüz gibi Burada geçmesi a bile atama gibi şeyler yapabilirsiniz Her köşe için yatay ve dikey yarıçapı yarıçapı bu yüzden onlar kesinlikle hiçbir şey dışarı bırakmadı oldukça vahşi alabilirsiniz katman olarak kullanmak için güçlü olmak şartları Burada tam bir avantajı en bu puan verin gibi bir şey yapalım: bu bir ilginç bir örnektir, çünkü var bu web que degrade degrade gradyan çeşitli bu yüzden bu bir altında Yapacağımız görüntülerin altında fark işte görüntüler Bu arka plan görüntüsü URL dahil olduğu ve sonra bu doğrusal gradyan biz tam olarak nasıl görmek istersen o burada içeride eserler var bunlar sık ​​sık örnekler örnekleri var belgeleme biz sadece yapmak istiyorum, böylece göstermek tam olarak nasıl çeşitli şeyler yaratmak için Temel doğrusal degrade sevmediğim biz buraya gelebilir böyle bir şey biliyor ve sen bir tane bulabilirsiniz sadece temel doğrusal degrade bu yüzden burada göremiyor yıl yavaş gerek en bu bir temel doğrusal degrade olduğunu alayım o gitmek için gidiyor yapmak için neler olup bittiğini değerlere vererek bir üst alt soldan sağa Başa its gonna beyaz gitmek sadece üst alt temelde vardır les gri oğulları bu grad Projemizde burada böylece biz yapacağız bu kurtulmak bu yüzden biz bu devam edeceğiz krem ​​çok krem ​​gitti Sadece bu bir saat bırakın ve dahil oluyor background-image: gizlilik doğrusal degrade gizlilik krem yapmak biliyorum ve sonra yukarı krem dışarı söylemek Emin gibi birçok alanlarda büyük yenileme sayfanızın sadece gelip yapmak Lee orada gördüğünüz gibi ve gerçekten çünkü değiştirmek için zamanı değil Bizim CSS giderseniz doğru çalıştı Eğer tüm bu degrade yaptım görürsünüz satıcı bu yüzden önce önek olsa bile biz burada ve şimdi üstünde onların günah önce karışımları yapılmış Hatta o hiç yapmak zorunda değilsiniz Bizim CSS gerçekten temiz olur ya da ben gerçekten temiz sass çocuklar demeliyim temelde sadece tüm bu yok bir gezinmek çok daha kolay olur dağınıklık Bu geçmesi durumunda ve bu pusula ile buzdağının sadece görünen kısmı olduğunu belgeleme Bir çevrimiçi burada CSS3 büyük şeyler bir ton bulmak mümkün olmalıdır Eğer hakkını kullanarak emin sağ Nixon en içerir yapmak istiyorum Bir ben şimdi ne görmek buraya seni ed her zaman değilim biz bu yapabileceğiniz diğer şeyler nelerdir yüzden duymak gidiyor öneririm projelerinizde bunları kullanarak sonra Nixons öğrenme ve sadece seni seviyorum olur Normal CSS3 özelliklerini iyi tamam bu ders için bu kadar Herhangi bir sorunuz veya yorumunuz varsa her zaman bir video hit bir yorum bırakın Bize kadar Twitter at Level Up tut yıllardan biz bir grup daha videoları sizin için bu geliyor paylaşmak hafta tarafından izlemek için gökyüzüne ve teşekkür karşı çıktı.

Açıklama

Bu Pusula serisinin 3 öğretici olduğunu. Bu öğretici kolay tarayıcı güvenli kod CSS3 Mixins inşa nasıl kullanılacağını kapsar. Kaynak burada yer: https://github.com/stolinski/Level-Up-Tuts---Sass-Tutorials/tree/master/Compass%20Tutorials%20%233%20-%20Css3%20Mixins

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

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



10/10

  • 69
    Olumlu
  • 0
    Olumsuz
  • 8
    Yorum
  • 18362
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • backyardjay

    backyardjay

    8 ŞUBAT 2009
  • MrRandomSong

    MrRandomSong

    29 Kasım 2009
  • pissengehen

    pissengehen

    26 EYLÜL 2006

ANKET



Bu sayfa işinize yaradı mı?