文章详情页
css3通过渐变渲染生成条纹效果旋转问题
浏览:153日期:2023-06-28 17:29:27
问题描述
定义一个p通过渐变渲染生成一种条纹效果
.test { margin: 5em; width: 10em; height: 10em; background: linear-gradient(orange 50%, pink 50%);}
然后旋转45度出现的效果是下图那样
background: linear-gradient(45deg, orange 50%, pink 50%);
我想请问 本来的45度是顺时针旋转的 出现的效果不应该是下面这样么
为什么会这样 是我所理解的旋转有错误么
问题解答
回答1:你的理解确实存在问题。background: linear-gradient(45deg, orange 50%, pink 50%); 这里45deg的含义:以竖直向上为0°起点,顺时针旋转45°。 所以你认为正确的那个图,其实是旋转了225°得来的。(理解好0°在哪里、默认值是180°就ok了)
标签:
CSS
相关文章:
1. javascript - webpack 多入口文件生成HTML文件;2. docker安装后出现Cannot connect to the Docker daemon.3. nignx - docker内nginx 80端口被占用4. node.js - mongoDB使用$gte的问题5. 计算机 - 我学习了C语言,数据结构和一点点java基础,想自学C++,请问买什么入门书籍好?6. java中关于直接插入排序遇到的问题。7. java - 如图,jsp页面的form中的action是怎么映射到这个位置的?为什么不写dynUser就可以映射到save?8. javascript - npm run build后调用api返回index.html9. docker绑定了nginx端口 外部访问不到10. 我在centos容器里安装docker,也就是在容器里安装容器,报错了?
排行榜
