小九 发表于 2022-3-17 11:00

去远方 TO: 羽儿

本帖最后由 小九 于 2022-3-17 11:01 编辑 <br /><br /><style type="text/css">
/* 外框盒子 */
#xq { position: relative; left:-10px; top:0px; width: 700px; height: 992px; background:#333 url('/data/attachment/forum/202203/17/103408njdlj25jdhr2nd7r.jpg') no-repeat center/cover; box-shadow: 4px 4px 5px #888;border-radius:12px;  }
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
        margin: auto;
        width: 360px;
        text-align: center;
        font-size: 5rem;
        font-weight: bold;
        color: #EEEE00;
        transform-origin: top;
        animation: yao 0.8s linear infinite alternate;
}
/* 动画 */
@keyframes yao {
        from{  transform: perspective(800px) rotatex(30deg); }
        to { transform: perspective(800px) rotatex(-30deg); }
}
/* 播放按钮 */
.picBtn {
        width: 0px;
        height: 0px;
        border: none;
        outline: none;
        border-radius: 0px;
        background: transparent url('https://pic.imgdb.cn/item/622db6215baa1a80ab3dff55.gif') no-repeat;
        cursor: pointer;
}
</style>

<div id="xq" >
        <div id="baiBox" style="position: absolute; left:120px; top: 40px; "></div>
        <div style="position: absolute; left:120px; top: 150px; width:400px;text-align:center;">
                <img alt="" src="http://image.hnol.net/c/2021-01/10/10/202101101019478794-5088534.gif"/>
                <div style="position:absolute; width:260px; left:560px; top: 10px; text-align:center;padding:10px;font-size:1em;font-family:'微软雅黑';text-shadow:1px 1px 2px #000;">
                        <marquee  scrollamount="5" direction="left" > </marquee>
                </div>
        </div>
        <!-- 控制按钮应是父盒子的第一代子元素 -->
        <div style="position:absolute; width:120px; left: 10px; top:calc(100% - 140px); text-align:center;">
                <button id="picBtn" class="picBtn"></button>
        </div>
</div>
<!-- 播放器不要界面，无需放在帖子父盒子内 -->
<audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=415793621.mp3" ></audio>

<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
        mu.paused ? (mu.play(), btn.style.background="url('https://pic.imgdb.cn/item/622db6215baa1a80ab3dff55.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/622db73d5baa1a80ab3e783b.gif')");
}
mu.addEventListener("ended", function(){
        btn.style.background="url('https://pic.imgdb.cn/item/622db73d5baa1a80ab3e783b.gif')";
});
</script>
</script>
</script>
</script>
</script>
</script>
</script>
</script>

小九 发表于 2022-3-17 11:02

@千羽    再看看人物的边缘，是否要好一些了？{:4_187:}

红影 发表于 2022-3-17 13:30

九儿好漂亮的制作，远方有无限的惊喜和美好在等着你们呢。羽儿收礼开心{:4_187:}

小九 发表于 2022-3-17 15:58

红影 发表于 2022-3-17 13:30
九儿好漂亮的制作，远方有无限的惊喜和美好在等着你们呢。羽儿收礼开心

谢谢影子鼓励，在做作业呢，等羽儿来看{:5_117:}

红影 发表于 2022-3-17 18:25

小九 发表于 2022-3-17 15:58
谢谢影子鼓励，在做作业呢，等羽儿来看

图中的美人儿笑得好甜{:4_187:}

千羽 发表于 2022-3-17 19:25

小九 发表于 2022-3-17 11:02
@千羽    再看看人物的边缘，是否要好一些了？

嗯，这图人物和背景的融和就好多了，小九很有悟性{:4_187:}

千羽 发表于 2022-3-17 19:28

很漂亮的制作，小九真棒，送花花{:4_187:}{:4_204:}

绿叶清舟 发表于 2022-3-17 19:59

制作真棒，给九点赞{:4_199:}

小九 发表于 2022-3-17 20:22

千羽 发表于 2022-3-17 19:25
嗯，这图人物和背景的融和就好多了，小九很有悟性

谢谢羽儿点拨！高斯的数据是不是可以加大点呢？ 然后降低不透明度， 调试好了，最后复制图层，最后进一步锐化{:4_190:}

小九 发表于 2022-3-17 20:23

绿叶清舟 发表于 2022-3-17 19:59
制作真棒，给九点赞

谢谢清舟鼓励！ 继续努力！{:4_187:}

千羽 发表于 2022-3-17 20:25

小九 发表于 2022-3-17 20:22
谢谢羽儿点拨！高斯的数据是不是可以加大点呢？ 然后降低不透明度， 调试好了，最后复制图层，最后进一 ...
也可以把动模和高斯都用上，动摸100，高斯10 。给你发的源代码里有，不一定要锐化

小九 发表于 2022-3-17 20:27

千羽 发表于 2022-3-17 20:25
也可以把动模和高斯都用上，动摸100，高斯10 。给你发的源代码里有，不一定要锐化

好的， 回头再试试{:4_187:}

大猫咪 发表于 2022-3-17 20:28

小九越做越漂亮了，色彩特别喜欢，很有感觉{:4_204:}千羽收礼开心{:4_204:}{:4_190:}

小九 发表于 2022-3-17 20:29

大猫咪 发表于 2022-3-17 20:28
小九越做越漂亮了，色彩特别喜欢，很有感觉千羽收礼开心

谢谢猫咪，我对色彩很敏感，但对代码很迟钝{:5_117:}

大猫咪 发表于 2022-3-17 20:31

小九 发表于 2022-3-17 20:29
谢谢猫咪，我对色彩很敏感，但对代码很迟钝

这色彩很少见的   又温暖又诗意   非常漂亮{:4_204:}

绿叶清舟 发表于 2022-3-17 20:32

小九 发表于 2022-3-17 20:23
谢谢清舟鼓励！ 继续努力！

多做几回熟练了就好了

小九 发表于 2022-3-17 20:35

红影 发表于 2022-3-17 18:25
图中的美人儿笑得好甜

春天的笑容{:4_187:}

小九 发表于 2022-3-17 20:35

绿叶清舟 发表于 2022-3-17 20:32
多做几回熟练了就好了

嗯嗯，多练习，这回感觉熟练了不少{:4_187:}

红影 发表于 2022-3-17 23:01

小九 发表于 2022-3-17 20:35
春天的笑容

看了让人心情舒畅{:4_187:}
页: [1]
查看完整版本: 去远方 TO: 羽儿