评论：用纯CSS3制作的效果非常炫酷的元素边框线条动画特效  [查看原文]

所属分类：其他-动画效果

 241005  621  22
当前第1页 / 共2页
    ??0
    2021/6/9 17:13:16
    怎么修改哪个宽度和高度啊
        西瓜0
        2021/6/9 21:37:09

        比较麻烦，要修改多个位置，clip:rect中多个值，慢慢调

        .bb {
	width:280px;
	height:280px;
	margin:auto;
}
@keyframes clipMe {
	0%,100% {
	clip:rect(0px,320.0px,2px,0px);
}
    25% {
    	clip:rect(0px,2px,320.0px,0px);
    }
    50% {
    	clip:rect(318.0px,320.0px,320.0px,0px);
    }
    75% {
    	clip:rect(0px,320.0px,320.0px,318.0px);
    }
}
    回复
    Geek-zhangggggg0
    2020/5/12 9:54:38
    您的方丈老铁0
    2019/4/20 11:12:48
    我还是不太理解这种裁剪，差异值造成的动画效果。有谁可以帮助我，讲一下大概是什么方法吗？ 回复
    孤王就是辣么帅0
    2019/1/25 14:58:44
    我想修改宽度,但是这个边界就异常了,能说下怎么算宽度吗 回复
    爱损0
    2018/12/26 14:26:14
    边框做成跑马灯行吗
    回复
    Seation0
    2018/9/3 10:23:34
    请问如何兼容搜狗？IE都行了，搜狗居然不行
    回复
    土豆不是瓜0
    2017/10/26 12:59:09
    双鱼座的spring0
    2017/6/1 14:46:33

    如果想给弹出框加这个特效，但是弹出框大小是根据屏幕大小调整的，那这个clip里面的200px怎么改，是只能定死吗，不能用%吗，求解答，谢谢

        Aimee Tang0
        2019/1/20 19:09:47
        你这个最后怎么解决的呀？我也想这样做
        拾荒0
        2019/9/24 15:08:17
        你好，这个是怎么解决的吗，我想用在矩形上
    回复
    。。。。。0
    2017/4/6 12:04:23
    someone.sth0
    2016/11/7 22:11:52
    边框铺满屏幕怎么调阿 回复
    minggejs0
    2016/2/7 2:02:44

    太棒了，相当高大上

    回复
    minggejs0
    2016/2/7 2:02:43

    这个插件真心不错！

    回复
    赵哲TRENDS0
    2015/11/23 14:11:52

    手机端不兼容啊

    回复
    Pearl0
    2015/9/24 10:09:30

    非常实用的效果

    回复
    龙衣草0
    2015/7/21 11:07:26
    这边预览没什么效果，不兼容吗？谷歌 回复

讨论这个项目（22）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复