Image placeholder

jQuery Gradientify – 使用CSS渐变过渡的jQuery插件

Image placeholder
F2EX 2016-11-30

jquery-gradientify

jQuery Gradientify 是一个使用 CSS 渐变过渡的 jQuery 插件,它使用起来相当简单。

示例


$('body').gradientify({
    gradients: [
        { start: [49,76,172], stop: [242,159,191] },
        { start: [255,103,69], stop: [240,154,241] },
        { start: [33,229,241], stop: [235,236,117] }
    ]
});

参数

参数名 描述 是否必须 默认值
gradients 包含RGB值中的起始和终止渐变的对象数组。 必须 []
angle 渐变角度。该值直接放在CSS渐变定义中。 可选 0deg
fps 每秒帧数。 值越高,转换越平滑,但它会影响性能! 可选 60
transition_time 以秒为单位的渐变之间的转换时间。 可选 8

2016-11-30