18 Aralık 2014, PERŞEMBE

Css3 Sınır-Görüntü Özelliği Özel Grafik Dilim Öğreticisi

Bu egzersiz biz sınıra ile çalışmak nasıl göstermek edeceksin Görüntü özelliği CSS3 tanıtıldı o yana olanların css3 şimdilik deneysel bir özellik olarak görmek gerekir şimdi ben sadece çok basit bir sınır çerçevesi olabilir Eğer evinde bir göz atalım gibi bu deney için senin gibi fantezi olabilir bitirmek ürün Biz kat içine girmeden önce bu yüzden bir benim pencereyi yeniden boyutlandırmak görebilirsiniz veya ne olursa olsun, kullanıcının ekran boyutları nedir sınır ile herhangi biri olabilir ya da yüksek ve hala güzel görünümünü korumak Görüntü aslında ne olur, çünkü dokuz bölüme kadar dilimlenmiş ve bu

na izin ne olsun Başlamadan önce bunu görebilirsiniz sadece bu yüzden herhangi bir boyut ve ölçek olarak Bu PNG oturan benim çerçevesi Benim masaüstünde ve o burada bu bir önizleme gerçek boyutu var tamam bizim örnek

HTML dosyası lazım diyor Normalde tarzı bir kırmızı anahat onları verdi dedi vermedi yaptım biz diyor kırmızı kesik anahat bu şekilde biz anahat görebilirsiniz çalışma bu yüzden de bu işler ile artık her 1i sade

“Ders Kodu: http://www.developphp.com/video/CSS/Border-Image-Custom-Graphics-Slice Border-image stenografi mülkiyet ve genişletilmiş sınır görüntü tüm özelliklerin...”
Adam Khoury

ce bir stil koymak doğrultusunda onlara yüksek vermek özniteliği ama bir gerçek dünya durum bunların içeriklerini kendi yüksekliği belirleyecek bu nedenle bu gerçekten bile orada olmak zorunda değildir ve top biz kenarlık uygulamak Görüntü benim grafik düzenleme yazılımı içine götürmek istiyorum ve size göstermek bir şey çabucak Bazı benim çerçeve görüntüyü devam ve bana sadece şekil çizmek edeceğim bir şekil çekin izin Köşe İstiyorum de bütün kapmak Köşe% uh ben

Css3 Sınır-Görüntü Özelliği Özel Grafik Dilim Öğreticisi Resim 1 Css3 Sınır-Görüntü Özelliği Özel Grafik Dilim Öğreticisi Resim 2 Css3 Sınır-Görüntü Özelliği Özel Grafik Dilim Öğreticisi Resim 3 Css3 Sınır-Görüntü Özelliği Özel Grafik Dilim Öğreticisi Resim 4

im tasarımım benim Çerçeve ben 28 ve yüksekliği ile bir olması görebilirsiniz 28 bu yüzden onlar aşağı donukluk getirmek Eğer ben hedef zorunda gidiyorum sayısını görebilirsiniz benim çerçeve 28 piksel veya 28 Biz kodu uyguladığınızda o kadar olacak ne olacak Bu görüntüyü dokuz bölüme kadar dilimlenmiş almak için gidiyor ve bu bir bölümünde, bu başka bir bölüm olacak olan Her köşe o birine sahip bir bölümdür için 3 ve daha sonra 5 pm için 6 7 8 9 bu nedenle bu resmi, dokuz bölüme kadar dilimlenmiş biz uygulamak üzereyiz kod

u uyguladığınızda Sony bu kaldırmak Normal görüntüye geri almak Şimdi sihirli Sadece gidelim konteynerler için gerçekleşmesi için Bizim tarzı kural haline McGuinness dedi sınır 28 piksel bu sayı 28 olacak o set hatırlıyorum en uygulayalım ve bunun altında sınır olarak sınırında sınır görüntü özelliği Görüntü mülkiyet yazarları kullanabilirsiniz steno edilir Tüm bu özelliklerini belirtmek için Tüm zamanlar tek bir satırda o kadar tek bildiriminde Tüm bu özelliklerin değerlerini atayabilirsiniz ve biz en başlayalım sadece bir an bu özelliklere bir göz alacağım hazır bu ve biz tam olarak ne oluyor görebilirsiniz şimdi tamam ne olduğunu görmek Şu anda en bu sınır aşağı atalım belki beş piksel o ölçekleme oluyor neler olduğunu görmek yenileme 15 piksel sınır ve ben ana kadar elde edene kadar o kadar gerçek boyutu olmayacak 28 o ile gerçek olduğu Sınır çerçeve ancak çerçeve sınır Ben yirmi sekiz giderken benim grafiklerin gerçek boyut var bildiklerini Ben 15 bu sayıyı aşağı düşürmek durumunda 27 aşağı o ne oluyor bakın bu yüzden ben gidersem cevap 28 en 36 gidelim tüm Ben 28 o geri almak kulüpler küçük olmalıdır şimdi bizim kaldırabilirsiniz anahat ama sen deneme sırasında yerinde anahat tutmak isteyebilirsiniz Şimdi hızlı bir şekilde sembolüne sürümüne bu geri nasıl değiştirileceği göstereceğim bu şekilde özellikleri özel olarak hiç istiyorum ince ayar şey kendisi tarafından öncelikle sınır görüntü var source özelliği ve böylece biz gerçekten bu iki alabilirsiniz sadece URL Parametreler bu sadece bir parametre kabul eder, çünkü ya da bir değer şimdi sınır görüntü dilim vardı ve sınır görüntü tekrarı aynı zamanda bir sınır görüntü var mülkiyet ve sınır görüntü başlangıçta ile mülkiyet Şimdi videonun sonunda size tüm özelliklerini göstereceğim U iki sayfa nereye deniz biz Michigan aynı kesin alacak, böylece hepsi başvurulan konum render ve yaptığımız bu yüzden bu Eğer sadece gördüğümüz steno sürümüne sembolüne yaklaşım arayabileceğiniz az önce ama steno artık çok daha kolay sınır görüntü tekrarı altında gidelim ve sınır görüntüde koyalım özelliği ile ben 228 ve daha sonra kaldırmak bir dizi değilim Ben vardı sınır özelliği üst en biz ne olsun bakalım görülen yaşlılar benzer render ama içerik Böyle fazla dolgu ve şeyler eklemek zorunda kalacak Ben sadece seçtim bu yüzden bu yüzden ya, eğer içerik biraz çerçevesinde olması sahip olmak Sınır özelliği de en biz sınır var ne olsun bakalım ve şimdi sınır görüntü en gibi bir şey bu değiştirmenize izin 10 ve nasıl değiştirir bakın her konuda görünüm 28 kovan geri iyi misin Şimdi biz sınırda bakmak için gidiyoruz ve bu son sınır görüntü özellik Burada bir sayı belirleyebilirsiniz başından sipariş görüntü veya piksel uzunluğu yüzden öylece 28 piksel koymak yaşıyorum şimdi olacak dışında her şey hareket ediyor % uh eleman yüzden tazeleyelim elemanı dışında çerçeveyi ayarlamak için o çerçeve taşındı nasıl şimdi başından dışında Sadece belki beş numarayı değiştirmesine izin Eğer anahat şimdi olduğunu görürsünüz Trende içinde bildiğiniz dışında itiliyor tutmak buradan söz konusu tutar, bu da böyle bir sayı olabilir Ben beş indirdi ve işlemek eğer tamamen farklı bir etki var görürsünüz Bu sayı göreceli çünkü büyük Eğer onun göreceli üzerinde piksel koymayın ama herhangi bir başlangıcını istemiyorsanız Askerler liderinin oğlu 0 piksel bunlar sadece vardır şimdi biz hakkında konuşmak zorunda son şey dinlenme tekrarıdır Eğer değiştirebilirsiniz numaralar Bu gerçekten isteyebilirsiniz anahtar kelimeler alır tek anlama Burada Tamam biz sınır görüntü tekrar özelliği için doc vardır en biz tekrarını uzatabilirsiniz değerleriyle bir göz atalım Tekrar etkisi yuvarlak veya boşluk bu yüzden bu ben tekrarı var burada anahtar kelime bu yüzden yerinde kullanabileceğiniz vardır Biz streç yuvarlak veya boşluk sonra değiştirebilirsiniz nori Bütün bu özellikler için tüm bu dokümanlar varacak edeceğim videonun altında bağlantıları tüm özellikleri diye onlara alabilirsiniz bağlı olacak çalışmayı seviyorum Şimdi ben aslında görmek için grafikler çocuklar değiştirmek zorunda Tekrar değişiklik de etkisi yüzden biraz nokta koymak ve ben şimdi turuncu yapmak doğru cesaret koyacağım şimdi de ama diğer tarafta Rai biri onların Biraz basıncı aşağı getirmek gibi en merkezi onları ben yapabilirsiniz koymak sayılar bu geri kaydedildi benim soğuk şimdi bu hale sen ben yinelenen küçük noktalar var görebiliyorum onların Şimdi en işlemek germek için bu değiştirmenize izin Şimdi küçük bir nokta gergin olsun Bu dilim olur söyledim nasıl uygun böylece tekrar yerine streç istediğiniz yürürlükte olabilir ama bazen sen şimdi biz kalan tek şey streç ne zaman Yuvarlak anahtar kelime o hale böylece Bir sonra eşit bunları tekrar böylece tamam boşluk gerçekten tüm seçenekleri bulunuyor Ben piksel angst gibi uzunlukları hatırlıyorum bu birimler farklı olabilir EM gibi EM varsa veya hatta bir birim olması gerekmez o sadece bir sayı veya yüzdeleri olmak dilim tamam başka done yüzdeleri olabilir Biz anahat kaldırmak ve bizim bitmiş etkiler tadını çıkarabilirsiniz Ben yaptım ne zaman şimdi benim çok çekici olduğunu Siz gerçekten neler olduğunu görebilirsiniz yüzden böyle bir şekilde mayın tasarım Eğer gerçekten bazı dikkat çekici görünümlü kutuları yapabilirsiniz nereye güzel özel kutusu kimse olacak kendi özel grafiklere sahip olması olmasıdır.

Açıklama

Ders Kodu: http://www.developphp.com/video/CSS/Border-Image-Custom-Graphics-Slice Border-image stenografi mülkiyet ve genişletilmiş sınır görüntü tüm özelliklerini çalışmak öğrenin.

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

  • 94
    Olumlu
  • 1
    Olumsuz
  • 19
    Yorum
  • 7155
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Emotional Trancer

    Emotional Tr

    4 Mart 2010
  • Leigh Momii

    Leigh Momii

    10 Mayıs 2006
  • SVB International

    SVB Internat

    29 EKİM 2011

ANKET



Bu sayfa işinize yaradı mı?