音画《说句心里话》试试按钮移动效果

娟子

亚伦影音工作室 发表于 2024-1-22 22:45
#papa {
        margin: auto;
        width: 1024px;

非常感谢亚纶老师给此贴加了同步歌词，这样就更完美了！收藏学习！
热诚欢迎亚纶老师来到离退休论坛，这里有您更精彩！

起个网名好难

起个网名好难

娟子 发表于 2024-1-6 10:21
这些天我总在想，‘播放按钮’只能放在一个固定位置，未免有点S板，应该可以任意移动才好，因为它不仅仅是 ...

按钮摆放位置
#mypic {  //  左下角        position: absolute;
        left:30px; bottom:30px;        width: 100px;        margin-top:520px; margin-left:30px;        cursor: pointer;        animation: rot 6s infinite linear var(--state);}
#mypic {  //  左上角        position: absolute;
        left:30px; top:30px;        width: 100px;        margin-top:520px; margin-left:30px;        cursor: pointer;        animation: rot 6s infinite linear var(--state);}
#mypic {  //  右下角        position: absolute;
        right:30px; bottom:30px;        width: 100px;        margin-top:520px; margin-left:30px;        cursor: pointer;        animation: rot 6s infinite linear var(--state);}
#mypic {  //  右上角        position: absolute;
        right:30px; top:30px;        width: 100px;        margin-top:520px; margin-left:30px;        cursor: pointer;        animation: rot 6s infinite linear var(--state);}

娟子

起个网名好难 发表于 2024-1-23 16:47
按钮摆放位置
#mypic {  //  左下角        position: absolute;
        left:30px; bottom:30px;        width: 100px ...

老师，要改成这代码吗？我试试。谢谢老师！

起个网名好难

娟子 发表于 2024-1-23 16:54
老师，要改成这代码吗？我试试。谢谢老师！

那倒不是必须的，只是这样定位按钮要直观些。

娟子

起个网名好难 发表于 2024-1-23 18:11
那倒不是必须的，只是这样定位按钮要直观些。

好的,代码我己收藏,谢谢老师,辛苦了!早上好!

娟子

起个网名好难 发表于 2024-1-23 16:40

謝谢老师支持鼓励!

湛蓝

微尘

亚伦影音工作室 发表于 2024-1-22 22:45
#papa {
        margin: auto;
        width: 1024px;

欣赏了你的音画佳作——《说句心里话》，赞一个！