小辣椒 发表于 2022-9-12 09:34
好的，今天来不及来了
不急慢慢来
红影 发表于 2022-9-12 09:35
这漂亮，还带按钮变形的，比昨天送小辣椒的那个又改进了呢
有些小改动
错过了小黑黑的许多精彩，写字也不知从哪学起袅。{:4_199:}{:4_199:}
红芍药 发表于 2022-9-12 09:50
错过了小黑黑的许多精彩，写字也不知从哪学起袅。
问好
这个极有味道，黑黑开始由纯技术向文艺方面发展了。。。。{:5_116:}
马黑黑 发表于 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
哪里的话？俺木有文艺脓包
已经越来越有了。。。{:5_112:}
东篱闲人 发表于 2022-9-12 12:32
已经越来越有了。。。
假象，瞎猫碰上死耗子
马黑黑 发表于 2022-9-12 13:04
假象，瞎猫碰上死耗子
耗子会越来越多。。。{:4_170:}
东篱闲人 发表于 2022-9-12 13:36
耗子会越来越多。。。
当代社会，耗子也不容易，虽然越活越滋润
马黑黑 发表于 2022-9-12 11:10
自动的。hover事件，通过 transform 将菱形上推（改变Y值）的同时，事件默认原先的 transform中的 rotate ...
“事件默认原先的 transform中的 rotate 要归位（不设置就是 rotate(0deg)。”
这个倒是完全没想到呢。
马黑黑 发表于 2022-9-12 09:40
有些小改动
虽然是小改动，也是效果满满{:4_187:}
红影 发表于 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 ...
谢谢黑黑老师，晓得了。{:4_204:}{:4_204:}