首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    特效组件流程分析

    transition和animation的选择: 【1】两者的第一点区别,触发条件不同,transition通常和hover等事件配合使用,由事件触发,不立即执行。animation则和gif动态图差不多,立即播放。 animation不能用事件触发。(解决方法:通过点击以后添加类名,执行动画。比如动画时长1s,在点击函数中加动画类名,然后设置倒计时1s,1s动画执行完后再去除这个动画类名即可) 【2】两者第二点区别,transition无法重复执行动效。而animation可以设定循环次数。 【3】两者的第三点区别,animation与js的交互不是很紧密。 两者真正的区别是,animation写死了各个属性的变化值,使其不容易被js改写,但是可以在不同的动画类名之间选择(比如设置fade动画,需要对fade效果做改变,不太好进行。切换/skew); 而transition的属性值则是可以发生改变。 【4】两者各自的优势 其实两者的区别都可以用一些方式去弥补,只是哪个更便利。

    02

    使用Fontmin生成WebFont压缩字体

    我上一篇文章(记一次改字体的辛酸史,解决CDN跨域问题)讲的是我改字体的一个过程,用了@font-face的方式,引用了一整个特殊字体,导致网站加载了整个字体文件,访问变慢,所有内容加起来已经有5MB。于是我在找前端如何优化字体加速访问,然而找到的都是Font-Spider(字蛛),看了网上各种教程,无一例外全是一模一样的。 昨天我测试字体的时候用过有字库,有字库就是一个典型的webfont,我就在想有没有跟有字库差不多的webfont引用方式,不直接引用整个字体,而是引用需要用到字,终于,我在GitHub上找到了这个15年的项目Fontmin,我直接下载了他的客户端,Fontmin提供了Mac os & Windows客户端。只需要将ttf原字体拖入客户端,输入需要用到的字,即可一键生成字体和css配置。

    00

    使用Fontmin生成WebFont压缩字体

    我上一篇文章(记一次改字体的辛酸史,解决CDN跨域问题)讲的是我改字体的一个过程,用了@font-face的方式,引用了一整个特殊字体,导致网站加载了整个字体文件,访问变慢,所有内容加起来已经有5MB。于是我在找前端如何优化字体加速访问,然而找到的都是Font-Spider(字蛛),看了网上各种教程,无一例外全是一模一样的。 昨天我测试字体的时候用过有字库,有字库就是一个典型的webfont,我就在想有没有跟有字库差不多的webfont引用方式,不直接引用整个字体,而是引用需要用到字,终于,我在GitHub上找到了这个15年的项目Fontmin,我直接下载了他的客户端,Fontmin提供了Mac os & Windows客户端。只需要将ttf原字体拖入客户端,输入需要用到的字,即可一键生成字体和css配置。

    04

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券