Форум

Fedya · #1 (**permalink**) 29.11.2012, 20:47

Здравствуйте,
нашел плагин, который переворачивает блок (div) относительно центра блока, кто-нибудь знает плагин, который перевернет блок относительно его левого нижнего угла?

nerv_ · #2 (**permalink**) 01.12.2012, 01:41

Сообщение от Fedya

нашел плагин, который переворачивает блок (div) относительно центра блока, кто-нибудь знает плагин, который перевернет блок относительно его левого нижнего угла?

Fedya · #3 (**permalink**) 01.12.2012, 15:06

Что?
Может для вас это легко, а я плохо знаю js и не понимаю как это сделать.
Поэтому и прошу.
Вот код

vadim5june · #4 (**permalink**) 01.12.2012, 15:55

используйте в css
transform:rotate для поворота и
transform-origin для смещения точки вокруг которой поворот будет

Fedya · #5 (**permalink**) 01.12.2012, 16:09

Спасибо

vadim5june · #6 (**permalink**) 01.12.2012, 16:30

Сообщение от Fedya

Спасибо

примерно так

<!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>

Форум

Справочник

Discord чат

Курсы javascript