论坛 › 马黑黑教程专版 › 用clip-path: polygon() 画心形

红影 发表于 2023-6-24 16:39

马黑黑 发表于 2023-6-21 21:55
心形曲线相对变化大，需要那么多的坐标点，所以，css-doodle没有给出 @shape 心形

哦哦，这个倒是没注意呢。

马黑黑 发表于 2023-6-24 18:05

红影 发表于 2023-6-24 16:39
哦哦，这个倒是没注意呢。

但可以用clip-path: @shape() 来做，这里的@shape() 是函数而不是属性。

红影 发表于 2023-6-24 19:01

马黑黑 发表于 2023-6-24 18:05
但可以用clip-path: @shape() 来做，这里的@shape() 是函数而不是属性。

哦，好像可以查到这个图形的代码。

马黑黑 发表于 2023-6-24 19:05

红影 发表于 2023-6-24 19:01
哦，好像可以查到这个图形的代码。

有的

红影 发表于 2023-6-24 19:11

马黑黑 发表于 2023-6-24 19:05
有的

但是你这个更加好。

马黑黑 发表于 2023-6-24 19:26

红影 发表于 2023-6-24 19:11
但是你这个更加好。

过得去

红影 发表于 2023-6-24 23:29

马黑黑 发表于 2023-6-24 19:26
过得去

这个不但漂亮。还能想要多大就多大。

马黑黑 发表于 2023-6-24 23:30

红影 发表于 2023-6-24 23:29
这个不但漂亮。还能想要多大就多大。

对，设计好的

红影 发表于 2023-6-25 00:04

马黑黑 发表于 2023-6-24 23:30
对，设计好的

在使用的过程中更加方便。

马黑黑 发表于 2023-6-25 07:55

红影 发表于 2023-6-25 00:04
在使用的过程中更加方便。

当然

红影 发表于 2023-6-25 17:01

马黑黑 发表于 2023-6-25 07:55
当然

谢谢黑黑带来的好处。{:4_187:}

马黑黑 发表于 2023-7-8 18:06

本帖最后由 马黑黑 于 2023-7-8 18:13 编辑 <br /><br /><div id="emj">测试 : </div>

<script>
let txtEmj = '\u{1F338}';
emj.innerText += txtEmj;
</script>

南无月 发表于 2023-7-9 08:22

马黑黑 发表于 2023-7-8 18:06
本帖最后由 马黑黑 于 2023-7-8 18:13 编辑 测试 :




{:4_170:}刚做的雪花贴子放网站里又差点翻车，还好后来改过来了

马黑黑 发表于 2023-7-9 08:55

南无月 发表于 2023-7-9 08:22
刚做的雪花贴子放网站里又差点翻车，还好后来改过来了

正常，作业是一个实践过程，难免出错，罚抄100遍就可以了

南无月 发表于 2023-7-9 08:59

马黑黑 发表于 2023-7-9 08:55
正常，作业是一个实践过程，难免出错，罚抄100遍就可以了

好哒，复制粘贴可还够快{:4_170:}

马黑黑 发表于 2023-7-9 09:09

南无月 发表于 2023-7-9 08:59
好哒，复制粘贴可还够快

多配几套键鼠

南无月 发表于 2023-7-9 10:57

马黑黑 发表于 2023-7-9 09:09
多配几套键鼠

电脑也接不下呀。没那么多接口

马黑黑 发表于 2023-7-9 10:59

南无月 发表于 2023-7-9 10:57
电脑也接不下呀。没那么多接口

可以扩展

南无月 发表于 2023-7-9 11:17

马黑黑 发表于 2023-7-9 10:59
可以扩展

{:4_170:}扩完电脑象刺猬

马黑黑 发表于 2023-7-12 22:53

南无月 发表于 2023-7-9 11:17
扩完电脑象刺猬

可以考虑无线坞

查看完整版本: 用clip-path: polygon() 画心形