css让input垂直输入

最新推荐文章于 2022-03-03 15:57:18 发布

原创最新推荐文章于 2022-03-03 15:57:18 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

本文深入探讨了CSS中实现元素旋转的多种方式，包括标准CSS属性、Webkit内核浏览器专用属性、Mozilla火狐浏览器特性以及IE浏览器的滤镜效果。通过实例展示了如何使元素旋转90度，并附带了完整的代码示例。

<input type="text" class="rotate ma" />
.ma{
  margin-top:100px;
  border:1px solid #ccc;
}
.rotate {
        transform: rotate(90deg);
        /* http://www.outofmemory.cn */
        /* Safari */
        -webkit-transform: rotate(90deg);

        /* Firefox */
        -moz-transform: rotate(90deg);

        /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}