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

    css中translate函数的用法

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

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

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

    实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    .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学习网