执著 发表于 2024-5-31 18:48

临摹马导“虞兮叹 ” - 六一儿童节快乐

本帖最后由 马黑黑 于 2024-6-1 21:07 编辑 <br /><br /><style>
      .papa { margin: 20px 0 20px calc(50% - 595px); width: 1028px; height: 514px; background: url('https://pic.imgdb.cn/item/665877efd9c307b7e9a4106c.gif') no-repeat center/cover; box-shadow: 2px 2px 6px #000; overflow: hidden; z-index: 1; position: relative; }
      #aCanv { position: absolute; bottom: 10px; left: calc(50% - 300px); }
      .vid { position: absolute; top: 0; width: 100%; height: calc(100% + 60px); object-fit: cover; transform: rotateX(180deg); mix-blend-mode: color-burn; }
      
</style>

<div class="papa">
      <audio id="aud" src="https://od.lk/s/NzBfMTcwMjA0Nzlf/052--%E8%AE%A9%E6%88%91%E4%BB%AC%E8%8D%A1%E8%B5%B7%E5%8F%8C%E6%A1%A8-%E5%B0%8F%E8%93%93%E8%95%BE%E7%BB%84%E5%90%88.mp3" autoplay loop></audio>
      <video class="vid" src="https://cccimg.com/view.php/fd8b977f12161d354fc4b1edfa2bd8fe.mp4" autoplay loop muted></video>
      
      <canvas id="aCanv" width="600" height="640"></canvas>
</div>

<script>
var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js2024/canvcircle_lrc.js';
document.body.appendChild(sF);
//播放器颜色设置
//var colors = { track: 'snow', prog: 'purple', btn: 'white', text: 'silver' };
//歌词
var lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

</script>

梦江南 发表于 2024-5-31 18:50

老儿童节日快乐！

执著 发表于 2024-5-31 19:05

梦江南 发表于 2024-5-31 18:50
老儿童节日快乐！

谢谢老师，节日同乐{:4_191:}{:4_173:}

红影 发表于 2024-5-31 19:56

节日贺帖，亮起来。借帖同祝所有的大朋友小朋友们儿童节快乐{:4_177:}

红影 发表于 2024-5-31 19:57

制作很漂亮。居中还要调一下才好。
欣赏执著好帖{:4_187:}

樵歌 发表于 2024-5-31 20:35

活学活用呵。
祝新老儿童都开心快乐!

小辣椒 发表于 2024-5-31 21:05

这个帖做的真好，童趣的，而且素材运用的好，赞的！

小辣椒 发表于 2024-5-31 21:05

欣赏执著精彩的制作{:4_187:}

起个网名好难 发表于 2024-5-31 21:49

https://p3.itc.cn/images03/20200601/da7a36c34f1f4a9083f6cacd34610ab8.gif

执著 发表于 2024-5-31 23:17

红影 发表于 2024-5-31 19:57
制作很漂亮。居中还要调一下才好。
欣赏执著好帖

谢谢老师哈，祝红影“小朋友”节日快乐{:4_204:}

执著 发表于 2024-5-31 23:18

樵歌 发表于 2024-5-31 20:35
活学活用呵。
祝新老儿童都开心快乐!

谢谢老师临帖鼓励，祝樵歌“小朋友”节日快乐哈{:4_204:}

执著 发表于 2024-5-31 23:19

小辣椒 发表于 2024-5-31 21:05
这个帖做的真好，童趣的，而且素材运用的好，赞的！

谢谢小辣椒老师鼓励！祝您节日快乐哈{:4_204:}

执著 发表于 2024-5-31 23:21

起个网名好难 发表于 2024-5-31 21:49


感谢老师临帖！祝您童心永恒、老儿童节日快乐{:4_204:}

亚伦影音工作室 发表于 2024-6-1 06:41

这个创意不错！

红影 发表于 2024-6-1 10:34

执著 发表于 2024-5-31 23:17
谢谢老师哈，祝红影“小朋友”节日快乐

一起快乐，也祝执著“小朋友”节日快乐{:4_177:}

执著 发表于 2024-6-1 18:47

亚伦影音工作室 发表于 2024-6-1 06:41
这个创意不错！

谢谢亚伦老师临帖鼓励！{:4_204:}

执著 发表于 2024-6-1 18:48

红影 发表于 2024-6-1 10:34
一起快乐，也祝执著“小朋友”节日快乐

哈哈哈哈哈哈{:4_173:}

马黑黑 发表于 2024-6-1 21:14

在花潮论坛，帖子偏移量可以通过帖子容器的 margin 外边距属性设置水平居中：

   margin: 20px 0 20px calc(50% - 595px);

以上，外边距设置中，20px 是上边距，0 是右边距，20px 是下边距，calc(50% - 595px) 是左边距。

为什么是 calc(50% - 595px) 呢？这里边：

calc(算式) 是CSS的计算函数，它可能是世界上唯一可以带计算单位的算法工具。算式中，运算符号两边要有空格，50% - 595px 表示，外边距是百分之五十再减去 595 个像素。595则是根据花潮论坛的布局尺寸得来，计算方法是：帖子宽度÷2-81

红影 发表于 2024-6-1 22:42

执著 发表于 2024-6-1 18:48
哈哈哈哈哈哈

{:4_177:}

小辣椒 发表于 2024-6-2 21:08

执著 发表于 2024-5-31 23:19
谢谢小辣椒老师鼓励！祝您节日快乐哈

执著晚上好，千万别叫老师，小辣椒也是一起在学习的
页: [1] 2
查看完整版本: 临摹马导“虞兮叹 ” - 六一儿童节快乐