Css

CSS ilə laylı kağız texnikası

Veb səhifələr hazırlayarkən CSS mütləq istifadə edirik. Səhifələrimizdə bəzi bölmələri istifadəçiyə gözəl göstərmək üçün grafikalardan istifadə etmək də gözəl bir yol ola bilər. Ancaq artıq CSS ilə o qədər çox şeylər etmək mümkündür ki, düşünürəm grafikadan istifadə etmək yerinə elə CSS texnikasını istifadə etmək daha gözəl olardı.
 
Bu yazımda CSS ilə laylı kağız texnikasını necə edə biləcəyimizi göstərməyə çalışacam.
 
Bunun üçün HTML və CSS dillərindən istifadə edəcəm.
 
Əvvəla HTML səhifəmizdə aşağıdaki kodları yazmağımız lazım gələcək:

Ardından CSS kodlarımzı yazmalıyıq. İstəsəniz CSS kodlarını əlavə css faylında yaza bilərsiniz. Mən burada HTML səhifəmizin daxilində yazmağa çalışacam:

Bu qədər :) Hər hansı grafika vəya əlavə koda ehtiyac qalmadan sadə bir şəkildə səhifələrinizdə bu kodları istifadə edə bilərsiniz.

Tətbiqin hazır versiyasına baxmaq üçün bu keçiddən istifadə edin.
 


 
p.s : bəzi tətbiqlər türk dilində hazırladığım dərslərin tərcümələri olduğu üçün hazır versiyaları türk dilində göstərilməkdədir.
 
Qaynaq: Layered paper effect using CSS3 box shadows

Müəllif haqqında: Anar SAMADOV

Bilgi paylaşdıqca çoxalır deyərək paylaşmağa çalışıram bildiklərimi, öyrəndiklərimi və xoşuma gələnləri :)

Şərh yaz