1-) CSS -  Web odası ders3(Gölgelendirme(box-shadow),köşe yuvarlatma(border-radius),döndürme(transform:rotate))

Web odası ders3(Gölgelendirme(box-shadow),köşe yuvarlatma(border-radius),döndürme(transform:rotate))

1-) Gölgelendirme(box-shadow) = box-shadow:10px 20px 4px #000000;

1. 10px= sağ taraf gölge uzunluğu
2. 20px=alt taraf gölge uzunluğu
3. 4px= gölge yoğunluğu arttıkça renk kaybolur 
4. #000000 = gölge rengi

---- (eksi(-)) demek sağ ise sol yapar.. alt ise üst yapar.

1. burada sağ taraf gölgel uzunluğu değerini (-10px) yaparsam sol tarafa verir
2. yanı şekilde alt tarafa (-20px) dersem üst tarafa golde verır

---- virgül ile 4 tarafınada gölge verebiliriz(10px 20px 4px #000000,-10px -20px 4px #000000)

2-) yuvarlama(border-radius) = border-radius:10px 20px 30px 40px;

1. 10px= sol üst yuvarlama derinliği
2. 20px= sağ üst yuvarlama derinliği
3. 30px= sağ alt yuvarlama derinliği
4. 40px= sol alt yuvarlama derinliği

---

1. Her köşeden yuvarlamak için bir değer verirsin border-radius:10px;
2. div'in genişliğinin yarısını verirsen daire elde edersin =(width=20) ise border-radius:10px; olacak

3-) döndürme(transform:rotate) = transform:rotate(45deg)

45 derece saat yönünde döndürür