Поворот блока относительно его угла
Здравствуйте,
нашел плагин, который переворачивает блок (div) относительно центра блока, кто-нибудь знает плагин, который перевернет блок относительно его левого нижнего угла? |
Цитата:
|
Вложений: 1
Что?
Может для вас это легко, а я плохо знаю js и не понимаю как это сделать. Поэтому и прошу. Вот код |
используйте в css
transform:rotate для поворота и transform-origin для смещения точки вокруг которой поворот будет |
Спасибо
|
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=UTF-8">
<title> - QQ</title>
<style>
.f {
transform:rotate(30deg);
-moz-transform:rotate(30deg);
-o-transform:rotate(30deg);
-webkit-transform:rotate(30deg);
}
.d {
transform-origin:50% 20px 0;
-moz-transform-origin:50% 20px 0;
-o-transform-origin:50% 20px 0;
-webkit-transform-origin:50% 20px 0;
}
.abs {position:absolute;}
#d1
{position:absolute;top:40px;left:122px;width:200px;height:100px;background:green;color:white;}
</style><div id=d1 class='d f'>tratata</div>
|
| Часовой пояс GMT +3, время: 03:30. |