: CSS ile Yuvarlak Köşeler Oluşturmak
Android Oyun Hilesi

CSS ile Yuvarlak Köşeler Oluşturmak

Savaş Can Altun
5 sene önce

Web sayfası tasarlarken veya tema tasarlarken genelikle zevk meslesi olsada genelde göz’e hitap eden cizimler için köşeler yuvarlak olur yani düz kesim gibi değilde yumuşatılmış bir biçimdedir.. bunu yapmak  zor gibi görünsede aslında basittir.. şimdi sizinle öyle bir tasarım yapalım..

Öncelikle Rengimizi seçelim benim kullanıdığım renk #94D730   vazgeçilmez olan photoshop programını açıyorum 40×40 piksellik bir döküman ile başlıyorum ve 40 piksel çapında bu renkte bir daire çiyorum. Anti-alias seçili olması sizi keskin ve pikselleşmiş görüntüden kurtararak yumuşak kenarları olan bir çizim yapmanızı sağlar. Bu dairenin dörtte birini kırparak 20×20 piksel boyutlarında bir çeyrek daire oluşturup bunu kaydediyorum. Sonra 90 dereceler halinde döndürerek diğer köşeleri de kaydediyorum ve elimde dört adet köşe grafiği oluyor.

Sol Üst için grafik

Sağ Üst için grafik

Sol Alt için grafik

Sağ Alt için grafik

Css Dosyamıza aşşağıdaki kodu ekliyoruz :

PHP veya HTML sayfamızda ise aşağıdaki şekilde kullanıyoruz:

Not :
Köşeleri daha kücük veya daha büyük ala biliriz…

Bu Yazıyı Paylaş : CSS ile Yuvarlak Köşeler Oluşturmak kutladı yazısını paylaş CSS ile Yuvarlak Köşeler Oluşturmak yazısını paylaş
Yazar: Hakkında
Uzun bir süredir web işleri ile uraşan freelance calışan bir yazılımcı. www.savascanaltun.com ve www.saltun.net 'in kurucu ve geliştirici. freelance iş vermek için iletişim kısmından ulaşa bilirsiniz referanslarım ve uzmanlık alanlarım için üst menüden portfolyo kısmına tıklayınız.
Benzer Yazılar
Merhaba arkadaşlar gecenin 01:00'inde sizin'de sitenize eklemeniz için güzel bir animasyon buldum sizinle paylaşmak istedim. Sitemin şuan...
Gün geçtikçe gelişen teknoloji sayesinde artık html5 ile oyunlarda yapılmaya başladığını söylemiştik. şimdi  7 den 70'e coğunuzu...
Merhaba arkadaşlar bu makalemde istek üzerine <meta> etiketlerini anlatacağım. fazla zor sayılmaz html genel temel etiketlerinden biri...
nofollow link nedir biraz ondan bahsedelim arkadaşlar. Basitce "nofollow"'link'i açıklayalım. nofollow'linkler arama motorlarının izlen...
Yorumlar
    1. Davut dedi ki:

      cidden yaptım güzel anlatım

    CSS ile Yuvarlak Köşeler Oluşturmak Hakkında Yorum Yaz
Sponsorumuz
ses izolasyon süngeri
Sponsor Reklamlar
Son Yazılar
Kategoriler
Sponsorumuz
akustik sünger akustik sünger
Etiketler


Sosyal Ağlarda Ben.

Tavsiye Linkler

Google Sıra Bulucu

Yandex.Metrica
Copyright © 2013. Tüm Hakları saklıdır. Sitemizdeki yazı, resim ve haberlerin her hakkı saklıdır. İzinsiz ve kaynak gösterilmeden kullanılamaz.