style-utils
v0.3.8
Published
style css for tween-one and queue-anim
Downloads
214,100
Readme
style-utils
tween-one 和 scroll-anim, queue-anim 的样式
color 和 transform 的分解..
toCssLowerCase(v)
toCssLowerCase('lineHeight') => line-height;
toStyleUpperCase(d)
toStyleUpperCase('line-height') => lineHeight;
checkStyleName(p)
checkStyleName('filter') => WebkitFilter | MsFilter | MozFilter
parseColor(value)
parseColor('#ff0') => [255,255,0,1]; parseColor('#ffff00') => [255,255,0,1]; parseColor('#ffff0080') => [255,255,0,0.5]; parseColor('rgb(255,255,0)') => [255,255,0,1]; parseColor('rgba(255,255,0,0.5)') => [255,255,0,0.5]; parseColor('hsl(60, 100%, 50%)') => [255,255,0,1]; parseColor('hsl(60deg 100% 50%)') => [255,255,0,1]; parseColor('hsl(60 100% 50% / 50%)') => [255,255,0,0.5]; parseColor('hsla(60,100%,50%,0.5)') => [255,255,0,0.5];
parseShadow(v, key);
parseShadow('0 10px 10px #ffff00', 'text-shadow') => ['0', '10px', '10px', 255, 255, 0, 1];
getColor(v)
getColor([255,255,0]) => rgb(255,255,0);
getTransform(transform)
getTransform('translateX(100px) rotate(30deg)') => {translateX: 100, translateY: 0, rotate: 30, ...}
mergeStyle(current, change)
mergeStyle('translate(30px,50em)', 'translateY(20em)') => translate(30px, 20em)