画心师（学习黑黑爱的命运心形小播效果）

雨中悄然

雨中悄然

@马黑黑 交份作业

雨中悄然

阴影不会处理，烦请老师指点

起个网名好难

欣赏美帖！模仿个心跳

起个网名好难

雨中悄然 发表于 2023-3-13 18:11
阴影不会处理，烦请老师指点

试试
filter: drop-shadow(260px -280px 20px #000);
改为
filter: drop-shadow(0px 0px 20px #000);

马黑黑

雨中悄然 发表于 2023-3-13 18:11
@马黑黑 交份作业

100
    √

马黑黑

阴影既然不能往下放，那么，可不可以往右边放呢？比如，既然心在男子的胸前，其阴影是否也可以考虑放在女子的胸前、且颜色也是红的？

心形的原始CSS代码：

#mplayer {
        position: absolute;
        top: 78%; /*145px;*/
        left: 19%; /*538px;*/
        width: 80px;
        height: 80px;
        background: #E94142;
        transform: rotate(135deg);
        opacity: .8;
        filter: drop-shadow(260px -280px 20px #000);
        animation: beat .45s infinite alternate var(--state);
        cursor: pointer;
        --state: paused;
}

暗红色那行，就是阴影投射。四个参数：260px 是水平阴影位置，-280px是垂直阴影位置，20px是模糊半径，#000是阴影颜色。改一改位置值，就可以将心形的阴影放到女生的胸前，改颜色就不用说了吧？

此外，绿色部分代码，是我原来留下的，已经注释掉，可以不要，或将前面的百分比的值去掉，改用实际的像素值。

雨中悄然

马黑黑 发表于 2023-3-13 19:44
100
    √

没扣分，太好了

雨中悄然

马黑黑 发表于 2023-3-13 19:50
阴影既然不能往下放，那么，可不可以往右边放呢？比如，既然心在男子的胸前，其阴影是否也可以考虑放在女子 ...

改了，老师瞧瞧这个创意好

雨中悄然

马黑黑 发表于 2023-3-13 19:50
阴影既然不能往下放，那么，可不可以往右边放呢？比如，既然心在男子的胸前，其阴影是否也可以考虑放在女子 ...

绿色部分我再去试试是个啥情况

雨中悄然

起个网名好难 发表于 2023-3-13 19:08
试试
filter: drop-shadow(260px -280px 20px #000);
改为

感谢指点回复

雨中悄然

起个网名好难 发表于 2023-3-13 18:42
欣赏美帖！模仿个心跳

感谢临贴

雨中悄然

醉美水芙蓉 发表于 2023-3-13 20:54
悄然厉害！要是播放器能控制歌词就更好了！

咦，是这个道理。不过我加个歌词就加得满头汗

雨中悄然

醉美水芙蓉 发表于 2023-3-13 20:54
悄然厉害！要是播放器能控制歌词就更好了！

谢谢提醒啊

雨中悄然

醉美水芙蓉 发表于 2023-3-13 20:58
厉害！会改编老师的播放器！

我新手啥也不会改啊。老师7楼教着呢

雨中悄然

醉美水芙蓉 发表于 2023-3-13 21:02
我都没有见过谁会加 歌词呢？你是第一个！厉害！

https://www.huachaowang.com/foru ... &extra=page%3D2
瞧这里，抄红影的歌词作业

雨中悄然

醉美水芙蓉 发表于 2023-3-13 21:02
我都没有见过谁会加 歌词呢？你是第一个！厉害！

我会四处抄作业