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

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

 236164  614  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币 评论用户自律公约

取消回复