不懂了.求老师解答

来源:2-13 编程练习

提海

2021-10-21 23:08:36

问题描述:

这两个不知道什么意思?

相关代码:

border-left: 10px solid transparent;
transform: translate(40px, 20px) scale(.9);


写回答

1回答

好帮手慕星星

2021-10-22

同学你好,解答如下:

1、border属性设置四周边框,border-left属性只设置左边框。所以border-left: 10px solid transparent;的意思是元素左侧设置宽10px,透明色的实体边框。例如

https://img.mukewang.com/climg/617221c30940f2fb06030349.jpg

三个边设置透明,一个边设置颜色,可以实现三角形

https://img.mukewang.com/climg/617221db09e3a08000610052.jpg


2、transform属性设置转换样式,translate是平移,scale是缩放。 transform: translate(40px, 20px) scale(.9);代码的意思是向右移动40px,向下移动20px,然后再缩放0.9倍 。

自己可以测试理解下,祝学习愉快!

0

0 学习 · 17877 问题

查看课程