CSS İnsan

[bretwskin]

Amacım ayı yapmaktı ama böyle saçma birşey çıktı :) . İlk defa deniyorum geliştirmeye çalışıcam .
https://codepen.io/bretowskin/pen/YxLxoV?editors=0100

[Graphifex]

-Gözlere hasta, kulaklar yasta.

Eline sağlık :)

[yusufkoc]

Çok güzel olmuş :)

[Hestiá]

Ellerine sağlık :)

---

PHP Kod: Tümünü Seç Tümünü Kopyala

body {
  background: #313654;
}

.ayi {
  position: relative;
  margin: 50px auto;
  width: 400px;
  height: 380px;
}

.ayi .kulak {
  position: absolute;
  top: 0;
  width: 92px;
  height: 92px;
  
  border-radius: 100%;
  background: #FFD7AE;
}

.ayi .kulak.sag {
  left: 2px;
}


.ayi .kulak.sol {
  right: 2px;
}

.ayi .yuz {
  position: absolute;
  bottom: 0;
  width: 400px;
  height: 400px;
  border-radius: 100%;
  
  background: #FFDDBB;
}



.ayi .kas {
  position: absolute;
  top: 105px;
  width: 80px;
  height: 6px;
  border-radius: 20px;
  background: #333333;
  
}



.ayi .goz.sag {
  left: 88px;
}

.ayi .goz.sol {
  right: 88px;
}

.ayi .goz {
  position: absolute;
  top: 126px;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background: #333333;
  transition: all 0.2s;
}

.ayi .goz:hover {
  position: absolute;
  top: 136px;
  width: 38px;
  height: 5px;
  border-radius: 14px;
  background: #000;
}

.ayi .kas.sag {
  left: 68px;
}

.ayi .kas.sol {
  right: 68px;
}


.ayi .agiz {
  right: 155px;
}

.ayi .agiz {
  position: absolute;
  top: 260px;
  width: 78px;
  height: 5px;
  border-radius: 14px;
  background: #000;
  
}

böyle iyi bence :D 


[bretwskin]

Teşekkürler :)