javascript

を使用してCSSを使用してCSSを使用したベンダープレフィックスは、特にベンダーのプレフィックスを扱う場合に飽きることがあります。従来のアプローチでは、コードブロックに見られるように、各プレフィックスされたプロパティを手動で設定することが含まれます。 elem.style.webkittransform = transform; elem.style.moztransform = transform; elem.style.mstransform = transform; elem.style.otransform = transform;

var transform = 'translate3d(0,0,0)';
elem.style.webkitTransform = transform;
elem.style.mozTransform = transform;
elem.style.msTransform = transform;
elem.style.oTransform = transform;

このプロセスを簡素化するために、カスタム関数を作成できます。要素、プロパティ、値）{ element.style ["webkit"プロパティ] = value; element.style ["moz" property] = value; element.style ["ms"プロパティ] = value; element.style ["o"プロパティ] = value; }

この関数は、3つのパラメーターを使用します。スタイルの要素、設定するプロパティ、および望ましい値です。サポートされているプレフィックスを介して反復し、適切なスタイルを設定します。 ] SetVendor（Elem、 "Transform"、Transform）;

この単一のコードは、必要なベンダープレフィックスをすべて備えた変換スタイルを効果的に適用し、スタイリングを簡単にします。