HTML 回転

目次

FrontPage
・Windows11
・Chromebook
・Random
・機械学習
・さくらVPS
・Fedora13
・SuSe10
・Docker
・Ansible
・Java
・Scala
・Python
・Ruby
・Lisp
・Computer
・GIS
・HTML
・Culture
・Link

訪問者

total: 7792
today: 2
yesterday: 1
now: 2

更新

最新の10件

人気の10件

MenuBar

• block要素の回転を CSS で指定できる
• CSS3標準は transform:matrix
• 270度回転の例。変換先が第三象限に行っちゃってるけど関係ないみたい

  .gote {
    /*
      回転 : matrix(a,b,c,d,tx,ty)
  
      |a b||x|   |tx|
      |   || | + |  |
      |c d||y|   |ty|
    */
    -moz-transform:matrix(-1, 0, 0, -1, 0, 0);
    -webkit-transform:matrix(-1, 0, 0, -1, 0, 0);
    -o-transform:matrix(-1, 0, 0, -1, 0, 0);
    transform:matrix(-1, 0, 0, -1, 0, 0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  }
  

HTML