6 ŞUBAT 2014, PERŞEMBE

Bir Css Kalp Oluşturmak

Bu video biz çok bir sizin gibi CSS ile bir kalp oluşturacağınız gidiyoruz burada görebilirsiniz ve bunu yapmak tamamen zor değil ama biz biraz serin kararlıyız işler o ve aynı zamanda dönme ve dönüştürme ve temelde Size o sağlayacak talepleri Aslında isteyip istemediğinizi bu şekil ne olursa olsun şimdi duyuyorum Senin için oldukça ilginç bir kalp şekli üretmek Biz aslında bu yüzden şekil oluşturmak için geçmesi süreci anlamak aslında öğrenebilirsiniz Kullanmak asla rağmen yol boyunca CSS hakkında bazı şeyler Web sitenizde CSS ev solucan demek Bu en çakal ve bazı Washington Sao önde gidel

im dedi ile tamam bu yüzden benim metin editörü içine ettik Amoco temel sayfa başlığı ile burada kurmak Ben de benim metin editörü olmuş bir yıldız o LinkedIn ve ben sadece burada bir ceset var ve öylece 1 am ekleyin Y

apmamız gereken tek şey şu ve gerisini biz işlemek için öğeleri kullanabileceğiniz sesler ve onlara rastlamak hiç eğer daha fazla tavuk Yeni oluşturduğunuz altında en go ahead ve bu yönetici yapalım mant

“Sevgililer günü için en uygun zaman, neden özel biri için bir kalp oluşturmak değil mi? Aşkın klasik sembol oluşturmak için CSS sözde elemanları ve CSS3 dönüşümle...”
Codecourse

ıklı kalbin üstünde bir sınıf ile vermek ve itiraf biliyorum onun sınıf biz gereken her şeyi stil Bunu yapmak için ilk şey özellikleri bir çift ayarlanır ve sadece temelde bu taş kalp-şekilli ilişkin Herhangi Burada elemanlara o ve bu temelde öylece olduğu olmadan söylüyorlar biz o bir ceset marjinal Monica üzerinde anne göreli olarak pozisyonunu kazandı ile arkasında hem de sadece devam edin ve sadece bir pozisyon hızlı yakınları set onun kabına

Bir Css Kalp Oluşturmak Resim 1 Bir Css Kalp Oluşturmak Resim 2 Bir Css Kalp Oluşturmak Resim 3 Bir Css Kalp Oluşturmak Resim 4

harika konumu göreli Bu vücut içinde olsun andan ya da benzeri bir başka elemana gibi Def bir sayfa ben devam vereceğim içeren marjı 20 piksel Basij Columbia Uzay dışında çalışan ve şimdi bu mantıklı olabilir hem de yüksek bir ağırlığa bırakın Bu yükseklikleri ve ağırlıkları bizim kalbini şekillendirecek zihinsel mutlaka kalp olacak anlamına gelmez böylece IZ sadece biz olacak güzel bir kap temin konum demektir Bu oturup şimdi önde açık gidin diyor etmek eleman müfettiş zaten mavi bölgeyi görebilirsiniz 170 tarafında

n iki yüz alandır Biz dışarıdan küçük bir marj var ve o bir Balk, odağına çünkü Ekran öğesi sayfasında bir adalet dolum deliği Aslında kalp şekli oluşturmak dev gerekirse metalaştırılmış olmak Biz muazzam size tanıtmak bizim başlangıç ​​duyurmak kolay, sadece bir olay aslında sayfa var onların çünkü CSS ile oluşturulan ve stil ve oval içerik ekleyebilirsiniz Onları CSS ile gitmek için her zamanki gibi çözmek olan ve bir sorun turnuva veya sedir elemanları bu yüzden seçmek için burayı olduğunu gidiyorum ve biz öncesi ve sözde sonra genel özellikleri uygulayabilirsiniz elementler karıncalar Ben sadece ayrı şehirler sakin ediyorum ve ben daha önce ve o taleplerini sonra bulmak için Kyle kullandım oldukça basit ve şimdi biz aslında çözmek bir göz atabilirsiniz Bu site içeriği hakkında bir yumurta olarak nasıl çalıştığını biliyorum 10 başlığa Bir CSS kökenli yani olmazsan lanet ben biraz tuhaf görünüyorsun Size bize sağlanan bitti o konjonktürel çağrı merhaba elemanları ÖNCE ve sonrası CSS onu istismar çözmek olduğunu ne zaman şimdi olacak bu yüzden dick biraz olmanın hacky yapacağız o zaman yapacağız edildi burada iki unsur dimwits V oluşturmak ediyoruz şekil ve kalbe bir görevli isteyin bu yüzden more Şimdi yapmamız önde ve sadece gidin edebilirsiniz kullanmak, bu M Tamam ama bu masum boş bir dize am konumu bunlar sadece bir üst vermek duyurulur olmadığını tüm uğursuz mutlak tarafından sevgi Bu içinde yapmamız gereken sol mutlak pozisyon değeri biz üye onlara her şeyi almak neden ihtiyaç yapıştırın bilmek mümkün olduğu ve ben de devam edin ve de bu uzak vereceksin ediyorum City Star dışarı en go ahead bu vereyim Seni bu yüzden bu biliyor beklenen biliyorum o işe tarafı biliyorum rağmen size etrafında oynanan kalp şey bu biliyorum ve ben önde gidiyorum ve kırmızı bir arka plan ruh artık devam edin ve biraz daha ilginç bu görevde bir göz atın feragat Eğer bu büyük mola tango var ve biz okumak lazım yakalamak dikdörtgenler bu incelerseniz Eğer sonra ve Tiffany biz dokuz önce var görebiliyorum eğer ben önde gitti ardına örneğin ve sadece duymak seçmek için oluşturulan ve dedim kalpleri ve sonra devam edin ve söylemek oldu Bunu görebiliyorum sol 500 piksel sayfa 500 piksel arasında eleman haberlerinden sonra yani% um biz şimdi size var özel gösteri Daha önce de söylediğim gibi biz aslında yapmak istediğiniz daha sayfadaki unsurlar Bu dalgalı Ben bu bir yer ya da 45 derecelik bir açıyla 45D bu bir bütün bu almak için derecelik açı klasik v-şekil Bihar çözmek ve sonra devam haber border-radius gidin: kalanını dönüştürmek için bu yüzden şimdi önce ve sonra hedef yapmanız gerekenleri ayrı ayrı tek nedeni Biz -45 derece döndürmek gerekir ihtiyacı arasında 45 derece en go ahead ve kalbi diyelim diyerek yazmaya önce bir kopyasını bu amex I heart duyuyorum Tamam sonra için Harper için tasarruf Bu ofset eğer biz aslında sol istiyoruz veya x-ekseni boyunca 100 piksel mahsup edilecek Milner bir 0 mahsup edilecek sonra şimdi bu hafta gibi görünüyor böylece, soldan taraftaki yapmamışlar bu nedenle bu kendini var sen ofset yüzde yüz biliyorum ve şimdi bunlar bu kapların hafta olması umulur ki ama birbirlerine temelde peluş sonraki ve söylemek ne yapacağız şimdi o eli tercih go ahead var do yapacağımızı ne dönüştürülmesi için kökeni Doğu'da iş döndürmek olduğunu işlev ve her biri için bir 45 dakika mayın 45 derecede sağlamak böylece bu Plesk gizli kafa karıştırıcı biraz olsun ve bunu yapıyor değil Spam yüzden olacak kökeni dönüşümü demek Temelde yaptığı tüm bu elementtir hangi menşe değiştirir olduğunu dönüştürmek gücü için bir üye eklemek için bu yüzden dönüşümü özelliğini kullanarak dönüştürülmüş diyecektim X X 0 Sep-si Neden Eyl bir dakika ve yüzde 100 Bu WebKit uygulamak bulunamıyor temelde sadece ucuz öneki ve ben kullanarak suç saat kullanıyorum çünkü başka bir tarayıcı WebKit kullanır render motoru o zaman bir bu video olarak WebKit önek kullanmak gerekir en go ahead ve bu kopyalayın izin olarak yayınlanmaktadır Biz biraz bu olacak kökeni değerini değiştirmek gerekir Yüzde yüz ofset neden X yüzde 100 ben Şimdi biz kökenleri yapılması ve bu gerçekten çok değiştirmek için gitmiyor var biz aslında burada herhangi dönüşümleri sağlanan değil çünkü ne şimdi başlamak için ihtiyacınız olan eğlenceli kısmı tiffany en dönüştürmektir mülkiyet biz Sana sağlamak kulüpler döndürme işlevi sağlayabilir daha önce 45 derecelik açı ve 45 derecelik açı eksi sonra şimdi kolaylaştırmak için bu go ahead ve yapılacak için mülkiyet dönüşümü Biz döndürme işlevi geçmek ve biz eksi almak 45 amis burada derece Şimdi biz fakat bunu ancak gerekli Elbette cuz önek tutabilir ve go ahead kopyalama ve aşağı bu iki satırları yapıştırın bu bir bu bitmiş ne olduğunu önce almış şimdi bu şekilde yani ve thats değil Ayrıca daha sonra ters bir şekilde bükün bu birini görürsünüz V-şekli oluşturarak devam edin ve sadece bu aşağı yapıştırın diyor Biz 45 derecelik açı olmayacak ve sanat artık burada bu güzel v şeklini aldı şimdi onun sayfanın üst dokunmadan merak etmeyin biz Sadece akılda değil o düzeltmek at will öncesi ve sektörlerde sonra bir üst özellik ama biz de işte o en yaşları dışarı usanmış gerekiyor Bu sizin için ayarlamak aklında bir ayı elemanları döndürülmüş ve biz sağlayarak bu işe biraz daha derin bir görünüm var biliyorum çözebilir 1px siyah katı: Sınır ve sınır demek ve bu elemanlar burada bahsedilen tarafından özetlenen CD'yi izin verebilirsiniz temelde bu yüzden biz temelde sadece iki dikdörtgenler var olduğunu görebilirsiniz ve daha önce var ve onlar sadece birbirlerine üst üste sonra Beamer öncülük veya takip şimdi ne yapabiliriz biz şekerleme hurda ihtiyaç vardır Ben olacak bir sınır sağlamak değilim önde olacak gidiyorum Sınır yarıçapı şimdi yarıçapı ve biz biz onun oğulları iletebilirsiniz farklı değerler için olacak bunu ve ben 50 piksel ve 50 piksel nefes istiyorsanız daha bu yapacaksın olduğunu o viraj veya sağa uygulamak için gidiyor Üste yarıçapı sağ üst sol ve biz alt olanları görmezden istiyorum ve size uygulayabilirsiniz yok Burada bu burada bu bölümü Burada rağmen o temelde aynı şey burada ESPY Aynı sınır top sol yarıçapı 50 piksel ve sınır sağ üst yarıçap forbes 'geri koymak bu ona göstermek mülkiyet kurtulmak demek bir dakika Bu güzel biz sadece yapılmış kalp şeklinde am yüzden sadece go ahead izin veriyor ve çok yararlı burada Sweetbay sezon kestirme özelliği memelerini olsun zaman kazandırır güvenli bir boşluk şimdi kalp-şekilli olması ve biz önde gidebilir ve adil bir hafta sadece isterseniz geri sınırda gördüm Bu seyir nasıl bir Lurker var ve kapı o sadece bu bölümü yuvarlanır ettik görebilirsiniz yalancı rasgele bu dikdörtgen ve onları oluşan sormak tek kayıp var bu yüzden güzel bir kalp şeklinde am yapmak Yapmam ve burada bir üst-beş piksel öncesinde sormak ve vardı isteyen küçük şey ve eşek o kabın içinde güzel gerçekten bu kadar yapabilir biz oluşturulan Daha önce San ajansları bu savunma baharat içinde gerçekten güzel oturuyor 170 Bir 200 Bir içermesi ve bu temelde bu kadar ve kullanılması gerektiğini sahneleri s2 sandık önceki ve orada o dakika içinde sonra işareti yıldız onları döndürmek ve daha sonra devam edin ve güzel bir kırmızı arka plan ve yaşları border-radius sadece yuvarlak vermek: Hangi bize verir CSS kalp.

Açıklama

Sevgililer günü için en uygun zaman, neden özel biri için bir kalp oluşturmak değil mi? Aşkın klasik sembol oluşturmak için CSS sözde elemanları ve CSS3 dönüşümleri kullanılarak, sizin hacky CSS becerileri ile onları etkileyin. Phpacademy ve daha özgür web geliştirme öğreticiler zevk abone olun! Kanalımız http://youtube.com/phpacademy Resmi internet sitesi http://phpacademy.org Destek Forumu http://phpacademy.org/forum Bizi Twitter'da takip edin! http://twitter.com/phpacademy

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

Codecourse

Codecourse

Ücretsiz kod öğrenmek yardımcı olmak. Nerede olduğunu merak olsaydı biz resmen phpacademy olarak biliniyordu. Sorular, yorum veya geribildirim? Biz sizden duymak istiyorum! Hello@codecourse.com için bize e-posta Bırak

YORUMLAR



9.9/10

  • 172
    Olumlu
  • 1
    Olumsuz
  • 33
    Yorum
  • 6335
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Andrew_Huang

    Andrew_Huang

    10 ŞUBAT 2006
  • ElChakotay Andrich

    ElChakotay A

    10 EKİM 2013
  • NewsyTech

    NewsyTech

    2 AĞUSTOS 2010

ANKET



Bu sayfa işinize yaradı mı?