NEWS
Loading...
  • Posted by : Johanes Djogan 23 Nov 2010

    Permasalah Pada CSS3
    Untuk sobat,yang sudah bisa menggunakan CSS3,terkadang bila kita menggunakan browser tertentu,animasi itu akan berjalan sempurna,tapi terkadang juga,animasi itu gagal.
    kenapa bisa begitu????
    banyak pertanyaan yang datang kepada saya
    -mas,kq animasinya ga jalan,cuma pindah doank gambarnya?
     =nah,itu sebenarnya permasalahan yg umum...
    masalahnya cuma 1,yaitu dari browser yang kita pakai.
    karena banyak browser versi lama,tidak dapat mendukung CSS3 ini




    Contoh:
    CSS animasi yang kita pakai adalah kode

    #tes{-webkit-transition: all 0.6s ease-out;}


    #tes:hover{
    -moz-transform:scale(1.3);
    -webkit-transform:scale(1.3);
    }


    Seperti yang kita tahu,bahwa kode "-webkit-transition: all 0.6s ease-out;" agar efek animasinya terlihat dan kode:
    -moz-transform:scale(1.3);
    -webkit-transform:scale(1.3);


    kode diatas adalah kode yang sangat penting,untuk menampilkan animasinya...
    tetapi,kenapa animasi ini tidak berjalan?seperti yang tadi saya katakan,masalahnya dari browser yang kamu pakai...


    menurut saya,browser yang mendukung animasi adalah browser google chrome,safari,dan mozilla firefox 4..pantesan pke mozilla versi lama,animasinya ga keluar =.=a...


    mozilla4 saat ini,sudah dapat  mendukung css3 animation dan untuk text shadow,gradient,css font,rounded corner,juga sudah dapat didukung...



    ini script css untuk menambahkan animasi
    -webkit-transition: all 0.6s ease-out; =untuk browser google chrome dan safari
    -moz-transition: all 0.6s ease-out; =untuk browser mozilla firefox
    -o-transition: all 0.6s ease-out; =untuk browser opera


    Segeralah update browser kamu ke versi terbaru agar bisa merasakan kehebatan CSS3

    { 3 comments... read them below or Comment }

    1. awkakwkakw , engga ngerti , tapi di suruh comment ma kk jo ,

      XD awkakwkakw

      BalasHapus
    2. ckckck=.="
      mksdnya.css3 animasi,belum bisa berjalan di mozilla firefox,coz belum support

      BalasHapus

    "Maaf komentar anda tidak akan dibalas, karena blog ini sudah tidak aktif. Terima kasih"

    "Sorry your comment will not be replied, because this blog has been inactive. Thank you"

  • Translate

    Thank you for choosing Blogger Template from Blog Johanes! (*≧∇≦*)

    - Copyright ©DJogzs 2009-2013 - Some Right Reserve. - DJogzs - Powered by Blogger - Designed by Johanes Djogan -