寒衣调

马黑黑

小辣椒 发表于 2022-9-12 09:34
好的，今天来不及来了

不急慢慢来

马黑黑

红影 发表于 2022-9-12 09:35
这漂亮，还带按钮变形的，比昨天送小辣椒的那个又改进了呢

有些小改动

红芍药

错过了小黑黑的许多精彩，写字也不知从哪学起袅。

马黑黑

红芍药 发表于 2022-9-12 09:50
错过了小黑黑的许多精彩，写字也不知从哪学起袅。

问好

东篱闲人

这个极有味道，黑黑开始由纯技术向文艺方面发展了。。。。

红影

马黑黑 发表于 2022-9-12 09:39
略加改动而已

我只看到了菱形初始赋予了旋转45度，怎么没看到鼠标划过后是怎么变回0度的？只看到了鼠标划过Y只变化的语句。

马黑黑

红影 发表于 2022-9-12 10:36
我只看到了菱形初始赋予了旋转45度，怎么没看到鼠标划过后是怎么变回0度的？只看到了鼠标划过Y只变化的语 ...

自动的。hover事件，通过 transform 将菱形上推（改变Y值）的同时，事件默认原先的 transform中的 rotate 要归位（不设置就是 rotate(0deg)。这是transform比较难理解和掌握的地方：transform多个属性使用——即使是分开使用——的时候，如果有些属性省略了，它也会考虑到。

马黑黑

东篱闲人 发表于 2022-9-12 10:30
这个极有味道，黑黑开始由纯技术向文艺方面发展了。。。。

哪里的话？俺木有文艺脓包

加林森

马黑黑 发表于 2022-9-12 08:32
这个简单的

来学习了。

东篱闲人

马黑黑 发表于 2022-9-12 11:11
哪里的话？俺木有文艺脓包

已经越来越有了。。。

马黑黑

东篱闲人 发表于 2022-9-12 12:32
已经越来越有了。。。

假象，瞎猫碰上死耗子

东篱闲人

马黑黑 发表于 2022-9-12 13:04
假象，瞎猫碰上死耗子

耗子会越来越多。。。

马黑黑

东篱闲人 发表于 2022-9-12 13:36
耗子会越来越多。。。

当代社会，耗子也不容易，虽然越活越滋润

红影

马黑黑 发表于 2022-9-12 11:10
自动的。hover事件，通过 transform 将菱形上推（改变Y值）的同时，事件默认原先的 transform中的 rotate ...

“事件默认原先的 transform中的 rotate 要归位（不设置就是 rotate(0deg)。”

这个倒是完全没想到呢。

红影

马黑黑 发表于 2022-9-12 09:40
有些小改动

虽然是小改动，也是效果满满

马黑黑

红影 发表于 2022-9-12 15:52
虽然是小改动，也是效果满满

有点效果

红芍药

黑黑老师，你能复制一下哪里是换图片的代码给我吗？

马黑黑

红影 发表于 2022-9-12 15:52
“事件默认原先的 transform中的 rotate 要归位（不设置就是 rotate(0deg)。”

这个倒是完全没想到呢 ...

文档都不会说到这些，然后也很少有人会想到。N年前我接触 transform 时碰上不少问题，有些经验的积累就是那时开始的。

马黑黑

红芍药 发表于 2022-9-12 16:19
黑黑老师，你能复制一下哪里是换图片的代码给我吗？

第二行，CSS代码：

#papa { left: -214px; width: 1024px; height: 640px; background: gray url('/data/attachment/forum/202209/12/072119w82nddfm2q3ow4mr.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; z-index: 1; }

红色部分就是图片地址，前后的小角逗号要保留

红芍药

马黑黑 发表于 2022-9-12 16:23
第二行，CSS代码：

#papa { left: -214px; width: 1024px; height: 640px; background: gray url('/da ...

谢谢黑黑老师，晓得了。