Senin, 02 September 2013

Transform - Scale

Bentuk Dasar: transform: scale(n); Catatan: n= besar skala Bentuk code sesuai browser:
  • moz-transform: scale(n);/*Firefox*/
  • webkit-transform: scale(n);/*Safari and Chrome*/
Contoh code membuat transform-scale:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
div
{
width:120px;
height:50px;
background-color:grey;
/* Rotate div */
transform:rotate(10deg);
-ms-transform:rotate(10deg); /* IE 9 */
-moz-transform: scale(0.3);; /* Firefox */
-webkit-transform:rotate(10deg); /* Safari and Chrome */
-o-transform:rotate(10deg); /* Opera */
}
</style>
</head>
<body>
<div><h1><center>DEMO</center></h1></div>
</body>
</html>
Notte:
  • Ganti warna biru sesuai ukuran yang diinginkan
  • Danti warna merah sesuai tulsian yang diinginkan 
SELAMAT MENCOBA !
thumbnail
Judul: Transform - Scale
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh

Artikel Terkait Parse HTML :

0 komentar:

Posting Komentar