大雅无曲

花飞飞

马黑黑 发表于 2025-8-8 21:41
有的吧

没留意到啊

红影

马黑黑 发表于 2025-8-8 12:43
角向（锥形）渐变越接近边缘越难看，剪掉边缘没商量，所以clip-path 属性用于此处很恰当。怎么剪值得考量 ...

原来这个裁剪和结合了锥形渐变的特色呢，这构思很赞。顺应锥形渐变的纹理，裁出来的肯定好看

红影

马黑黑 发表于 2025-8-8 12:45
猫咪的转圈动作也可以放在 css *:hover 中实现，和既有的变化合在一起。单独用JS设置单独的动作也是好思 ...

嗯嗯，特定范围的点击的判断及处理，也是需要的学习的技能呢

马黑黑

红影 发表于 2025-8-9 10:28
嗯嗯，特定范围的点击的判断及处理，也是需要的学习的技能呢

这个功能有人将所有形状都封装成模块了，就是非常大，一般是用于地图导航这类专业软件

马黑黑

红影 发表于 2025-8-9 10:27
原来这个裁剪和结合了锥形渐变的特色呢，这构思很赞。顺应锥形渐变的纹理，裁出来的肯定好看

收拾的干净利落，像是梳过头一样

马黑黑

花飞飞 发表于 2025-8-9 09:49
没留意到啊

留意留意就是留点意思，你不主动就啥意思也木有

马黑黑

花飞飞 发表于 2025-8-9 09:46
现在理解了，定位也可实现尺寸大小。

很少有人这么用的。

其实还有一个语法糖，更简洁：

inset: 0;

它等于：定位 left:0; top: 0; 然后 width: 100%; height: 100%;

这个语法糖是 left: 0; top: 0; right: 0; bottom: 0; 的简化，inset 本意嵌入、插入，这里指对父对象中定位并布局。

假设子元素在父元素中，子元素的边缘与父元素的对应边缘都是100个像素，则：

inset: 100px;

红影

马黑黑 发表于 2025-8-9 11:29
这个功能有人将所有形状都封装成模块了，就是非常大，一般是用于地图导航这类专业软件

想要功能全，都必然文件大，这个是没办法的。

红影

马黑黑 发表于 2025-8-9 11:30
收拾的干净利落，像是梳过头一样

你的意思，锥形如同披头散发呗，裁剪不是梳头吧，应该是修剪头发呢

马黑黑

红影 发表于 2025-8-9 13:38
你的意思，锥形如同披头散发呗，裁剪不是梳头吧，应该是修剪头发呢

差不多的：梳了才发现长短补齐，所以得去掉一部分。理发师帮人家理发时都有梳子不是？

花飞飞

马黑黑 发表于 2025-8-9 11:43
留意留意就是留点意思，你不主动就啥意思也木有

很主动了呀，就是学不会
刚跟了一个作业，隐现的小图片按背景1800*900的做好的，只是设了个颜色。
结果叠上后发现向上有2PX的差距，有重影，添上TOP:2PX.才完全重叠在一起。

花飞飞

马黑黑 发表于 2025-8-9 11:50
很少有人这么用的。

其实还有一个语法糖，更简洁：

语法糖果然又简洁又方便。。。
便于携带
这个糖是个压缩包，必须得清楚压缩后它是什么才能正确使用

马黑黑

花飞飞 发表于 2025-8-9 19:07
语法糖果然又简洁又方便。。。
便于携带
这个糖是个压缩包，必须得清楚压缩后它是什么才能正 ...

不过好像对图片没啥用，对div，伪元素都可以

红影

马黑黑 发表于 2025-8-9 17:45
差不多的：梳了才发现长短补齐，所以得去掉一部分。理发师帮人家理发时都有梳子不是？

哈哈，好吧，还分这么细啊

马黑黑

红影 发表于 2025-8-9 21:34
哈哈，好吧，还分这么细啊

应该的

红影

马黑黑 发表于 2025-8-9 21:34
应该的

管它是梳头还是剪头发，都是为了美化，能达到这个效果就行

朵拉

精彩制作，学生已交作业，请老师指正

花飞飞

马黑黑 发表于 2025-8-9 21:25
不过好像对图片没啥用，对div，伪元素都可以

糖是有部分人爱吃的

马黑黑

花飞飞 发表于 2025-8-10 10:49
糖是有部分人爱吃的

特别是糖尿病患者

马黑黑

朵拉 发表于 2025-8-9 23:00
精彩制作，学生已交作业，请老师指正