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

    css中translate函数的用法

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

    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中transform函数的使用 下一篇:css中scale函数如何使用

    相关文章推荐

    • css3新增哪些背景属性• css首行缩进text-indent的实现• css文本修饰text-decoration的使用• css文字间距的使用• css中flex是什么• css overflow属性有什么用• css中z-index属性• css样式的组成• css选择器是什么意思• css浮动产生的负作用• css盒子模型的属性介绍• css英文名称如何理解• css img失真的解决办法• css超链接是什么• css选择器之间的关系• css中transform函数的使用

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网