Yazılım Örnekleri

Css tarayıcının üst kısmına gölge verme

Merhaba arkadaşlar bu dersimizde web sitemiz ile tarayıcı arasında kalan, yani sitemizin en üst kısmana gölge vermeyle ilgili örnek yapacağım.
body:before ile body tagının önüne 5px lik, altında gölge olan bir element olusturacağız. Bu elemnetimizin görünmemesi için top-5px ile yukarı çekeceğiz ve sadece altına verdiğimiz gölge görünecek.

<style>
body:before {
          content: "";
          position: fixed;
          top: -5px;
          left: 0;
          width: 100%;
          height: 5px;

          -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
              -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
                         box-shadow: 0px 0px 10px rgba(0,0,0,.8);

          z-index: 100;
}

</style>