• Iklan text, 150 Karakter Free hingga akhir tahun
  • Iklan text, 150 Karakter Free hingga akhir tahun
Home BLOG TRICK : How to Rotating Text And Images With CSS.

TRICK : How to Rotating Text And Images With CSS.

Posted by Unknown at Friday, August 02, 2013
Today I will be sharing about "Rotating Text And Image With CSS", perhaps when it comes to my blog you will be wondering, that picture made ​​oblique or dimiringi with javascript. Actually, the picture of pure CSS edits.

Follow these steps :
I created a css code with id tags rotation like this :
#rotasi{
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
}
After that I tried to call the css :
<div id="rotasi">Percobaan Rotasi 35 Derajat</div>
you can modify the appearance of the image by changing its contents as below :
.thumb img {
  float: left;
  margin: 0 10px 10px 0;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
}
Note : This tutorial will see results when viewed from firefox. Please add the code for IE.

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Numbers 0 to 0 degrees, 1 to 90 degrees, 2 to 180 degrees, 3 to 270 degrees.

Now see the results in your blog, may be useful.

Tidak ada komentar untuk " TRICK : How to Rotating Text And Images With CSS. "

Prohibited from using harsh words and the words of the SARA, the words that indicate the Flame against someone that I would quarrel delete and block from this blogspot!!
--------------------------------------------
Dilarang menggunakan kata-kata kasar dan kata-kata yang mengandung SARA, kata-kata yang mengindikasikan Flame terhadap seseorang sehingga terjadi pertengkaran akan saya hapus dan blok dari blogspot ini !!

Back to Top