rogerskys大佬的博客头部幻灯片怎么实现的

114次阅读

共计 1459 个字符,预计需要花费 4 分钟才能阅读完成。

https://i4t.com
就是这里会动,我想做个同款的
@rogerskys

网友回复:

注册 可能就是个 gif 图片

zgs

toot 图片我也会扒,就是不知道怎么实现的

Senio 直接 @他

zgs 秘密在 css .item.scroll {left: 0px;                                                 width: 100%;                                                 height: 420px;                                                 background-size: auto 100%;                                                 pointer-events: none;                                                 background-position: center center;                                                 background-repeat: no-repeat;                                                 transition: opacity 0.3s ease 0s;                                                 white-space: nowrap;                                                 overflow: hidden;                                                 position: relative;                                                 font-size: 0;                                                 background: #000;                                                 word-wrap: break-word;                                                 box-sizing: border-box;                                                 outline: none;} 复制代码 .item.scroll .scroll-image {position: relative;                                                 height: 100%;                                                 transform: translateX(0px);                                                 animation: banner 40s linear infinite;                                                 opacity: 0.5;                                                 border: 0;                                                 -ms-interpolation-mode: bicubic;                                                 vertical-align: middle;                                             } 复制代码

paggy QQ 回你

正文完
 0