美文网首页
0.5px的线

0.5px的线

作者: 肥羊猪 | 来源:发表于2021-02-04 10:52 被阅读0次
div
{
    width:100px;
    height:1px;
    background-color:red;
    transform: scaleY(0.5);//scaleY(n) 定义 2D 缩放转换,改变元素的高度。
}
div#div2
{
    background-color:green;
    transform:rotate(30deg);//元素逆时针旋转30
    -webkit-transform:rotate(30deg); /* Safari and Chrome */
}
<div></div>
<div id="div2"></div>

相关文章

  • 0.5px的线

  • 画0.5px的线

    第一种:viewport的meta标签 使用html的meta标签,在viewport类型内容写上initial-...

  • webapp中的CSS3实现 0.5px的细线

    0.5px

  • CSS 0.5像素线

    在移动端1像素的线是很丑的,而border-width设置为0.5px会被自动转成1px;border-width...

  • 移动端实现0.5px的线

    实现方式:伪类 + transform 实现单条border样式设置: 四条boder样式设置:

  • 如何实现0.5px边框

    css 高频面试题:如何实现0.5px 的边框其实设置border为0.5px 是不可以的,有些浏览器会把他渲染...

  • 画一条0.5px的线

    像素是屏幕显示最小的单位,在一个1080p的屏幕上,它的像素数量是1920 * 1080,即横边有1920个像素,...

  • 如何兼容模式画0.5px的线

    方案 svg + base64 .hr.svg {background: none;height: 1px;ba...

  • 画一条0.5px的线

    众所周知,普通屏幕上,一个物理像素等于一个CSS像素。一像素又是物理像素最小的单位。所以在CSS中,只能写出1px...

  • 记一次面试

    1.css垂直水平居中方法有哪些2.css三栏布局3.css写一个三角形4.css画一条0.5px的线5.cons...

网友评论

      本文标题:0.5px的线

      本文链接:https://www.haomeiwen.com/subject/kefbtltx.html