加林森 发表于 2021-12-28 17:43

成功了,感谢老黑!

东篱闲人 发表于 2021-12-28 18:31

能整明白这东西的人,俺认为真是圣人也,神人也,非人也!{:5_116:}

东篱闲人 发表于 2021-12-28 18:32

这么高深的东西都能学会,还有啥坏事干不出来?{:4_170:}

马黑黑 发表于 2021-12-28 19:57

东篱闲人 发表于 2021-12-28 18:32
这么高深的东西都能学会,还有啥坏事干不出来?

{:4_203:}

东篱闲人 发表于 2021-12-28 20:01

马黑黑 发表于 2021-12-28 19:57


夸你呢。。。{:4_170:}

马黑黑 发表于 2021-12-28 20:02

东篱闲人 发表于 2021-12-28 20:01
夸你呢。。。

我智商不高

马黑黑 发表于 2021-12-28 20:07

红影 发表于 2021-12-28 14:15
前面的那个更好看,很直接看到效果,后面的这个第一个也能直接看到效果,后一个触发的虽然有趣,但总想不 ...

嗯,有直达效果的,有需要手动触发的

马黑黑 发表于 2021-12-28 20:08

红影 发表于 2021-12-28 14:13
嗯,很神奇,图片可以相叠,围绕同样的圆心。

看代码应该能发现:图片是两张一行,然后各自又有不同角度的倾斜

东篱闲人 发表于 2021-12-28 20:28

马黑黑 发表于 2021-12-28 20:02
我智商不高

别客气。。。{:5_117:}

马黑黑 发表于 2021-12-28 20:40

东篱闲人 发表于 2021-12-28 20:28
别客气。。。

客气一下是应该的

东篱闲人 发表于 2021-12-28 20:41

马黑黑 发表于 2021-12-28 20:40
客气一下是应该的

{:4_172:}

马黑黑 发表于 2021-12-28 20:42

东篱闲人 发表于 2021-12-28 20:41


{:4_191:}

东篱闲人 发表于 2021-12-28 20:46

马黑黑 发表于 2021-12-28 20:42


你太厉害了。。。{:5_116:}

红影 发表于 2021-12-28 21:07

马黑黑 发表于 2021-12-28 20:08
看代码应该能发现:图片是两张一行,然后各自又有不同角度的倾斜

如果分更多角度怎么弄呢,也可以这样么?
我照你的样子先自己试试,我去翻一下前面的。。。

红影 发表于 2021-12-28 21:17

<p> transform 变形的 rotate 旋转效果:<br>&nbsp;</p>
<p style="text-align:center" ;="">
<img src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt="" style="transform:rotate(-60deg);">
<img src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt="" style="transform:rotate(-30deg);"> &nbsp;
<img src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt=""style="transform:rotate(30deg);">
<img src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt=""style="transform:rotate(60deg);">
</p>
<p style="text-align:center" ;="">
<img src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt=""style="transform:rotate(-150deg);">
<p style="text-align:center" ;="">
<img src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt=""style="transform:rotate(-120deg);"> &nbsp;
<p style="text-align:center" ;="">
<img src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt=""style="transform:rotate(120deg);"> <img src="https://www.huachaowang.com/uc_server/data/avatar/000/00/00/02_avatar_middle.jpg" alt=""style="transform:rotate(150deg);">
</p>

红影 发表于 2021-12-28 21:19

哈哈,我多分出几个角度就无法成圆圈了,弄乱套了{:4_173:}

马黑黑 发表于 2021-12-28 22:44

红影 发表于 2021-12-28 21:19
哈哈,我多分出几个角度就无法成圆圈了,弄乱套了

这个要细心计算一下角度

马黑黑 发表于 2021-12-28 22:46

红影 发表于 2021-12-28 21:07
如果分更多角度怎么弄呢,也可以这样么?
我照你的样子先自己试试,我去翻一下前面的。。。

绕成一圈的花需要计算并移位

马黑黑 发表于 2021-12-28 22:50

东篱闲人 发表于 2021-12-28 20:46
你太厉害了。。。

一般一般,全球倒数第三

红影 发表于 2021-12-29 16:11

马黑黑 发表于 2021-12-28 22:46
绕成一圈的花需要计算并移位

哦,是需要有定位语句进行调整了吧,不能这样分行居中就放了{:4_204:}
页: 1 [2] 3 4
查看完整版本: CSS二合一课程: 过渡与变形