• 技术文章 >Web开发 >css教程

    css中translate函数的用法

    小妮浅浅小妮浅浅2021-10-20 09:46:15原创5823

    1、translate允许单独声明平移变换,并独立于transform属性。

    2、这在一些典型的用户界面上更好用,而且这样就无需在transform中声明该函数并记住转换函数的确切顺序了。

    实例

    .wrapper {
      width: 200px;
      height: 200px;
      border: 2px dotted red;
      margin: 20px auto;
    }
    .wrapper div {
      width: 200px;
      height: 200px;
      line-height: 200px;
      text-align: center;
      background: orange;
      color: #fff;
      -webkit-transform: translate(50px,100px);
      -moz-transform:translate(50px,100px);
      transform: translate(50px,100px);
    }

    以上就是css中translate函数的用法,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css translate
    上一篇:css选择器之间的关系 下一篇:css中rotate函数是什么

    相关文章推荐

    • css首行缩进text-indent的实现• css文本修饰text-decoration的使用• css文字间距的使用• css中flex是什么• css overflow属性有什么用• css中z-index属性• css样式的组成• css选择器是什么意思• css浮动产生的负作用• css盒子模型的属性介绍• css超链接是什么• css选择器之间的关系

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网