马黑黑 发表于 2021-12-25 20:46

小辣椒 发表于 2021-12-25 20:44
这个确实太神奇了

按理，你这么爱做帖子，早应该接触的

小辣椒 发表于 2021-12-25 20:47

马黑黑 发表于 2021-12-25 20:46
按理，你这么爱做帖子，早应该接触的

没有啊，我也是自己瞎捣鼓，css做播放器用到，但和你这个制作方法不一样

马黑黑 发表于 2021-12-25 20:48

小辣椒 发表于 2021-12-25 20:47
没有啊，我也是自己瞎捣鼓，css做播放器用到，但和你这个制作方法不一样

估计你用的是CSS2.1的标准？

小辣椒 发表于 2021-12-25 20:49

马黑黑 发表于 2021-12-25 20:48
估计你用的是CSS2.1的标准？

这个我还真不知道，许多操作都是问的度娘

马黑黑 发表于 2021-12-25 20:50

小辣椒 发表于 2021-12-25 20:49
这个我还真不知道，许多操作都是问的度娘

就是说，你没有系统学习过，经典的拿来主义

小辣椒 发表于 2021-12-25 20:52

马黑黑 发表于 2021-12-25 20:50
就是说，你没有系统学习过，经典的拿来主义

可以怎么说{:4_170:}

杨柳青 发表于 2021-12-25 21:45

视频四角呼喊不公平~~~{:5_153:}

马黑黑 发表于 2021-12-25 22:50

小辣椒 发表于 2021-12-25 20:52
可以怎么说

不过也是挺有经验的了

小辣椒 发表于 2021-12-26 14:16

杨柳青 发表于 2021-12-25 21:45
视频四角呼喊不公平~~~

怎么了{:4_203:}

小辣椒 发表于 2021-12-26 14:17

马黑黑 发表于 2021-12-25 22:50
不过也是挺有经验的了

啥经验啊，纯是瞎捣鼓{:4_189:}

马黑黑 发表于 2021-12-26 16:20

小辣椒 发表于 2021-12-26 14:17
啥经验啊，纯是瞎捣鼓

熟能生巧

加林森 发表于 2021-12-26 17:04

这个是高清视频制作的，小辣椒制作得真漂亮。{:4_199:}

小辣椒 发表于 2021-12-26 20:53

马黑黑 发表于 2021-12-26 16:20
熟能生巧

但还是做的不够完美，毕竟晓得不会的

小辣椒 发表于 2021-12-26 20:54

加林森 发表于 2021-12-26 17:04
这个是高清视频制作的，小辣椒制作得真漂亮。

队长晚上好，我只是玩一下黑黑的css代码

加林森 发表于 2021-12-26 20:55

小辣椒 发表于 2021-12-26 20:54
队长晚上好，我只是玩一下黑黑的css代码

真漂亮。

马黑黑 发表于 2021-12-26 21:38

小辣椒 发表于 2021-12-26 20:53
但还是做的不够完美，毕竟晓得不会的

完美总是相对的

小辣椒 发表于 2021-12-26 22:02

马黑黑 发表于 2021-12-26 21:38
完美总是相对的

反正没有达到自己最想要的效果

杨柳青 发表于 2021-12-27 21:41

小辣椒 发表于 2021-12-26 14:16
怎么了

小辣椒晚上好~~{:4_187:}

小辣椒 发表于 2021-12-27 21:45

杨柳青 发表于 2021-12-27 21:41
小辣椒晚上好~~
小杨柳今天碰到你了{:4_179:}<br><br>


试一个黑黑的<br><br>

<style type="text/css">

.fSet {
      color:#eee;
      font-family:'微软雅黑','宋体','新宋体';
      font-size:40px;
      font-weight:bold;
      line-height:100px;
      text-align:center;
      border-radius:50%;
      text-shadow:1px 1px #000,1px 1px #111,1px 1px #222,1px 1px #333,1px 1px #444,1px 1px #555;
      position:absolute;
      left:0px;
      top:0px;
}

.iMov {
      width:100px;
      height:100px;
      background:red;
      animation:iGo linear 10s infinite;
}

.hMov {
      width:100px;
      height:100px;
      background:darkred;
      animation:iGo linear 12s infinite;
}

.yMov {
      width:100px;
      height:100px;
      background:green;
      animation:yGo linear 10s infinite;
}

.sMov {
      width:100px;
      height:100px;
      background:coral;
      animation:yGo linear 15s infinite;
}

@keyframes iGo { /* 顺时针路线 */
      0%,100%      { transform:translate(calc(50vw - 120px),0px); }
      25%      { transform:translate(calc(100vw - 120px),calc(50vh - 100px)); }
      50%      { transform:translate(calc(50vw - 120px),calc(100vh - 120px)); }
      75%      { transform:translate(0px,calc(50vh - 120px)); }
}

@keyframes yGo { /* 逆时针路线 */
      0%,100%      { left:calc(50vw - 120px); top:0px; }
      25%      { left:0px; top:calc(50vh - 120px); }
      50%      { left:calc(50vw - 120px); top:calc(100vh - 120px); }
      75%      { left:calc(100vw - 120px); top:calc(50vh - 120px); }
}

</style>

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=1877043016&auto=1&height=66"></iframe>
<div class="fSet yMov">圆</div>
<div class="fSet sMov">蛋</div>
<div class="fSet iMov">快</div>
<div class="fSet hMov">乐</div>

杨柳青 发表于 2021-12-27 21:53

小辣椒 发表于 2021-12-27 21:45
小杨柳今天碰到你了

小辣椒还没有下班哈~~{:5_106:}
页: 1 [2] 3
查看完整版本: 试一个黑黑的css视频