Saturday, December 8, 2012

blockquote shake






hari nie amira nk buad tuto yg kedua pulak ! nie amira ambil dari blog : http://thismylifestorry.blogspot.com
nk twu x apa ?? korang perasan x yg blockquote amira bergerak2 ?? , haa mcm nie !!


i love you so dup dap dup dap ! 



faham ?? oke jom !

  1. cari code blockquote{ 
  2. copy code kt bawah nie dan pastekn di bawah code blockquote{


background:url(http://3.bp.blogspot.com/-2A0D4wY8Rww/TzuO_pTu-zI/AAAAAAAACpQ/B9EkXNZ9C48/s1600/grey.png);padding:10px;border-radius:10px;border-left:10px solid #FACBF5;border-right:10px solid #FACBF5;border-top:2px solid #FACBF5;border-bottom:2px solid #FACBF5;-webkit-animation-name: shake;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;filter: none;-webkit-filter: blur(0px);-moz-filter:blur(0px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}@-moz-keyframes shake /* Firefox*/{{ -ms-transform:: translate(-1px, -2px) rotate(-1deg); } 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 30% { -moz-transform:  translate(0px, 2px) rotate(0deg); } 40% { -moz-transform:  translate(1px, -1px) rotate(1deg); } 50% { -moz-transform:  translate(-1px, 2px) rotate(-1deg); } 60% { -moz-transform:  translate(-3px, 1px) rotate(0deg); } 70% { -moz-transform:  translate(2px, 1px) rotate(-1deg); } 80% { -moz-transform:  translate(-1px, -1px) rotate(1deg); } 90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 100% { -moz-transform:  translate(1px, -2px) rotate(-1deg); }}@-ms-keyframes shake /* IE9*/{10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); } 20% { -ms-transform: translate(-3px, 0px) rotate(1deg); } 30% { -ms-transform: translate(0px, 2px) rotate(0deg); } 40% { -ms-transform: translate(1px, -1px) rotate(1deg); } 50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -ms-transform: translate(-3px, 1px) rotate(0deg); } 70% { -ms-transform: translate(2px, 1px) rotate(-1deg); } 80% { -ms-transform: translate(-1px, -1px) rotate(1deg); } 90% { -ms-transform: translate(2px, 2px) rotate(0deg); } 100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }}@-webkit-keyframes shake /* Safari and Chrome */{0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }}


than save !

No comments:

Post a Comment