Html etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Html etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

7 Ekim 2015 Çarşamba

Html5 Position

on   in  
Position:absolute

Absolute:Kesin    //
Fixed : Hep Aynı Yerde Durması   //nesne hareket etmez sayfa asagı gitsede





ŞAYEt bi kod parcası yazıldı işlemiyorsa resetlemek icin


       
  yazılır kod calsır
Share:

Html5 de Nesneleri Döndürme (rotation)

on   in  
Html5 de Nesneleri Döndürme (rotation);

 @-webkit-keyframes yerdegistir
    {
        0%
        {
             margin-left:0;
             margin-top:0;
             transform:rotate(180deg);
        }
        25%
        {
            margin-left:400px;
            margin-top:0;
            transform:rotate(90deg);
        }
        50%
        {
            margin-left:400px;
            margin-top:400px;
            transform:rotate(180deg);

        }
        75%
        {
              margin-left:0;
              margin-top:400px;
               transform:rotate(90deg);
        }
        100%
        {
            margin-left:0;
            margin-top:0;
            transform:rotate(180deg);
        }

    }
    div
    {
        width:400px;
        height:100px;
        background-color:fuchsia;
    }
    div:hover{
        -webkit-animation:yerdegistir 3s;

    }






//TRANSFORM:ROTATİON(180DEG)     derecesini söyllüyoruz okadar dönüyor 
Share:

Html5 de Animiasyon 2

on   in  
@-webkit-keyframes yerdegistir
    {
        0%
        {
             margin-left:0;
             margin-top:0;
        }
        25%
        {
            margin-left:400px;
            margin-top:0;
        }
        50%
        {
            margin-left:400px;
            margin-top:400px;
        }
        75%
        {
              margin-left:0;
              margin-top:400px;
        }
        100%
        {
            margin-left:0;
            margin-top:0;
        }

    }
    div
    {
        width:400px;
        height:100px;
        background-color:fuchsia;
    }
    div:hover{
        -webkit-animation:yerdegistir 3s;
    }



///Burada ÖNEMLİ NOKTA   OLAYIN %25, %50 lililk dilmlerde ne yapacagı diye parcalanması önemli

Share:

Html5 de Animasyon Özelliği

on   in  
CSS kısmınıa Bunu Ekliyoruz

 @-webkit-keyframes renkgecis
        from
        {
            background-color:green;

        }
       to
       {
           background-color:firebrick;
       }
        .animasyon{

           -webkit-animation:renkgecis 5s;


Kod Kısmında da






ARTIK KUTUYA GELİNCE YEŞİLDEN KIRMIZIYA DÖNER
Share:

Html5 de TRANSİTİON özelliği

on   in  
Html5 de  TRANSİTİON özelliği ;
Css Kısmında Verilen transition:5s   saniye

mesela      :    div:hover 
                       box-shadow:-10px 10px 5px

kutunun üzerine gelince 5 saniyede bunu yapar animasyon gibi olur
Share:

Xml Ve Html Farkı

on   in  
Xml = Gelişmiş İşretleme Dili
Html= Dinamik İşaretşeme Dili



HTML5 in Diger Htmllerden farkı ; CANVAS özelligi bu ise Çizim Yapabilmeyi Saglamakatadır
WEB Tasarımda Yardımcı Siteler www.w3sochoos.com
 Web Tasarımda Template Sitesi : www.awwward.com
Web Tasarımda Html5ler Bulunacak Site : http://codepen.io/
VİSUAL STUDİODA HTML SAYFASI ACMA: Önce Normal Bir Proje Acarız Ardına Sagdan Projeye Gelip Sag Tıklayıp ADD ve NEW İTEM deriz     HTML PAGE seceriz 
Share: