1 EKİM 2014, ÇARŞAMBA

Css Deneyler #8 - Düğme Arka Plan Ortaya

Bu, bugün gerek aşk kayak up hey ben bir gösteri edeceğim neyin biz Çarşamba günü Honda düzey yukarı olan etkisi ile yapmak nasıl Eğer videolardan birindeki bir çağrı üzerinde gezdirin nerede olduğu Bir sonraki videoyu görmek için tıklayınız biliyor ve orada bir yukarı kayar ama onun yerine ben sadece böyle arka plan rengini değiştirme şey olacak Bu aslında Bir maskeleme ve ağırlık metin de olduğu varlık istediğin görüyoruz onlar oldukça serin etkisi olduğunu, böylece metin rengini değiştirme seviyesinden siteleri L bir video sayfası baş üzerinde etkiler en biz gösteren gidiyoruz söz konusu bu yüz

den etkisini devam edelim sen Onlara üzerine geldiğinizde sahipleri bu çağrı düğmeleri varsa ve bir onlar rengini değiştirmek ancak bunların renk ve aydınlatma değiştirirken sadece değil yukarı ancak metin ortaya e

diliyor o şimdi solan oluyor yeni bir renk olmak beyaz gibi ama maskeleme yeni bir renk tür aslında gösteri şimdi metin tam olarak bu çekin nasıl % uh yüzden Başlamak için çalışma vardı aynı baz ile başlayan o

“Bu CSS Deney, biz sürgülü arka plan bile ön metin mendil ortaya koymaktadır göstermektedir. Videonun altındaki çağrı olarak http://leveluptuts.com/tutorials/css-e...”
LevelUpTuts

lmalıdır son video için olarak elimizdeki açığa içeriğe sahip burada gördüğünüz gibi rapçi ortaya çıkarmak için üst ortaya tüm şeyler aynı olacak şimdi burada fark bu Merhaba almaya gidiyoruz olduğunu ve biz gerçek içine bu doğrudan olacak itme konum Şimdi beklemek ve görmek zorunda yanı sıra üst hissediyorum. açığa vurmak merhaba el üstünde ortaya İçerik merhaba şimdi bir kez daha ben background-color kaldırmak edeceğim: ve vücuttan bir ile değiştirin açık gri sa

Css Deneyler #8 - Düğme Arka Plan Ortaya Resim 1 Css Deneyler #8 - Düğme Arka Plan Ortaya Resim 2 Css Deneyler #8 - Düğme Arka Plan Ortaya Resim 3 Css Deneyler #8 - Düğme Arka Plan Ortaya Resim 4

dece CCC olan ve vereceğim bu yüzden diyebiliriz ona telefon top bu arka plan yukarı ortaya güç açığa ve şimdi bu mor bir geçmişe sahiptir Eğer birlikte aşağıdaki değil Eagle Eye var eğer ve bu fark edeceksiniz Son video ve bu 1i ben fazladan var müthiş fark ederseniz bu işin içinde bir o kadar ortaya % uh evet bazen o kadar sadece orada ben sadece veya yazım hataları burada ve olur Ben bu örnekten önde gitti ve kaldırdık görmezden Şuna bir sadece burada attı her örneği size Avel vardır Bu yazım yıl var ki, böylece ak

ılda tutmak Bir saniye önce ve şimdi çözüldü en önde gidelim ve Bu kadar açık ve ben bu mor arka plan eklediğiniz görürsünüz şimdi biz bunu vermek aynı şekilde önce üst ortaya selam Dediğimiz bir pozisyon pozisyon selam var ve biz rapçi bir pozisyon göreli verdi Ayrıca yine yapacağız ve biz gidiyoruz hangi Bu bir üst a vermek 0 ve sol bir 0 ve bir twit ben yüzde 100 olacak ve yüzde 100 ile ilgili bir yükseklik Şimdi biz de 100 piksel burada dolgu kafasıyla gidiyoruz İstediğimiz bu nedenle tam bir kopyası olarak Bunun üzerine bu tabaka şimdi orada bir yerde güzel o oluyor görebilirsiniz o ekleyerek çünkü yapacağız o ilgileniyor yapıyor konum ne zekâ dolgu Bir sınır kutusu etkiler bu yüzden eşek stres ve asters sadece anlamına gelir söyleyebiliriz her şey kutu boyutlandırma sınır getirmek kutu şimdi o sınır kutusunu ben hızlı yapıyor tavsiye boyutlandırma hakkında geri bilmiyorum Google arama biz temelde bu konuda en soldaki bir video var Bir 100 piksel doldurma olduğunda o değil böylece dicks kutu modeli onunla eklenen sadece yol bunun bir parçası yapar şimdi biz bu nasıl ortaya çıkmıştır bizim ortaya içeriğin üstüne oturan ve tam bir Amir farklı ayarlanır var Renk yüzden bu tekniğin dezavantajı bu çoğaltılmış gerektirmez olduğunu Sadece orada burada bir düğmeye tutukluk olursa HtmlHelper defekt gerçekten serin ve Gerçekten gitmiyor a latico çoğaltmak eğer demek kodunuzda çok başka bir sorun bu kesinlikle bir sorun var ama bu küçük örnek Ben şimdi yapmak istediğimiz bir sorun olduğunu sanmıyorum şimdi n taşma: rapçi ortaya çıkarmak için şimdi üst ortaya çıkarmak için gizli Gizli biz yüksekliğini değiştirebilirsiniz: bu taşma nedeniyle ama bizim şimdi üst ortaya ve aslında gerçekten ilginç bir şey görmek bu yüzden biz burada yüzde 50 en yüksek almak Bir sorun biraz var vatandaşları o tek yüzde elli Hala çünkü% uh bu eşleştirme Şimdi geri bazı şeyler brülör kutusu Teksas boyutlandırma ama düzeltmek değil ve biz bir olacağız nasıl değiştirebilir know bu Merhaba görüntüleme kutusu şimdi gerçek bekleyen Bir sarma Davis burada olacak içeriğini açıklamaya başına gelen ortaya mess-up bu etkinin yüzden go ahead ve etkili bir şekilde kurtulmak izin kendini başlığı ve kullanıcıların konumlandırma sağlar Bir mücevher 1 kendisi tarafından Diyebiliriz böylece 100 piksel doldurma set oynamak için rapçi ortaya çıkarmak için içinde var herhangi bir yaş üzerinde olanlar 100 piksel almak olacak test ve sadece biz sol başlık katilleri kaldırarak bizim yüzde elli bizim yüksekliği burada bu gerçekten ilginç alamayacaksın Bu Hello metni nereye etkiler ancak üst yarısı onun gelen gösteriyor alt yarısı bizim ortaya üst gösteriyor Bizim içerik açığa ama doğrultusunda mükemmel var ve aslında bu şüpheli ise nasıl sağlandığını, böylece maskeli ediliyor Biz yüzde altmış gibi bir şey yapmak Varsayılan yüzde doksan bu nefreti yapmak var o yüzden burada aşağı görebiliyorum ve şimdi biz üzerine geldiğinizde biz gidiyoruz ödenen rapçi üstleri yüksekliği ortaya modifiye ve biz oynayacağız geçiş olduğunu edilebilir bir geçiş der ödenen ve biz yapacağız yine bu geçişi yapmak ve 0,6 saniye ve biz gidiyoruz kolaylaştırmak ve şimdi bir hover devlet hun ortaya koymak için gidiyoruz rapçi ve bu yüzden rapçi ortaya çıkarmak için söylemek için gidiyoruz amor ve Tabii biz burada üst açığa hedef için gidiyoruz ve yağ gibi biz etkileyen gidiyoruz Yükseklik yüzden biz bu yüzde sıfır olmasını istediğiniz yüksekliği söyleyebiliriz işte tamam bu gün var olan biz bunun bizim metin üzerinde gezdirin Aynı etki düzeyine kadar devlet yasağı vardır çünkü ortaya söylüyor yerine sadece metni ortaya edildi Böyle bir renk ya da bir şey besleyerek dönüştürülmesi biz eğer ve bu yaş 1 ayırın ve bu hale getirmek için dolgu önemli son piksel değeri aslında görmek biraz daha böyle bakmak ama burada haklıyım edebilirsiniz Bir biz üzerinde ona sahip ve çalışır buraya gel sadece şimdi böyle bir topuz bir demet hastalıkları da düşünme olsaydı HTML tarafından hakkında çok şey olduğunu verir gibi şimdi blok içerik sarma Bir çapa etiketi artık geçerli bir HTML bu yüzden bir taslak her istediğiniz bağlamak söyleyebilirim ve bütün bu ortaya rapçi etrafında bir çapa koymak Ben istediğim söyleyebiliriz üzerinde bunu değiştirmek Fon rengi burada ama gördüğünüz gibi ve kadar metin altı çizili Eğer kusur gördüğünüz gibi ama hala çalışıyor ve şimdi bir bağlantı olarak işlev gidiyor içerik tüm bu bloklar Kötü kaldırmak olacak kollarını Burada bizim bitmiş ürün çok üzgünüm herhangi vermek için bu kaplıdır aşk aşk sorular veya yorumlar, video kulaklık oluyor ama biz bir seviye Facebook konum Bu beni sizden duymak aşk dokundu izliyor ve biz bir sonraki geri göreceksiniz için teşekkürler.

Açıklama

Bu CSS Deney, biz sürgülü arka plan bile ön metin mendil ortaya koymaktadır göstermektedir. Videonun altındaki çağrı olarak http://leveluptuts.com/tutorials/css-experiments/css-experiments-4-push-over-menu görülür ne benzer. Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro Level Up Haber Bülteni Abone http://eepurl.com/AWjGz Sorularınız için yorumlar veya ziyaret sonrası: http://leveluptuts.com/forum Level Up Tuts Destek: http://leveluptuts.com/donations

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



9.8/10

  • 67
    Olumlu
  • 1
    Olumsuz
  • 15
    Yorum
  • 4665
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Atlantic Records

    Atlantic Rec

    15 Aralık 2006
  • JorteexHD

    JorteexHD

    20 NİSAN 2012
  • OVERWERK

    OVERWERK

    6 Temmuz 2010

ANKET



Bu sayfa işinize yaradı mı?