ホームページ > ウェブフロントエンド > jsチュートリアル > js Clip の気まぐれなテキスト スプライシング効果_JavaScript スキル

js Clip の気まぐれなテキスト スプライシング効果_JavaScript スキル

WBOY
リリース: 2016-05-16 18:59:04
オリジナル
1299 人が閲覧しました

そこで誰かが、素晴らしく実用的な CSS 効果は何ですか?と尋ねました。クリップ、はい、これは CSS のクリップ属性であり、ほとんどの人には無視される属性です:

構文:
clip: auto | rect (numbernumbernumbernumber)

パラメータ:
auto: シアーなしのオブジェクト
rect (数値 数値 数値): オブジェクトの左上隅から計算された 4 つの座標を (0,0) として右上-の順に与えます。左下のオフセット値。任意の値を auto に置き換えることができます。つまり、このエッジはカットされません。


1.clip 属性は、position:absolute と組み合わせて使用​​する必要があることに注意してください。
2. カット基準点はマージンやパディングとは異なり、常に左上隅になります。
例:


クリップを使用してさまざまな要素のトリミングと編集を行うことができますスプライシング。
クラシックなテキストスプライシングの実装、カラフルなテキスト効果:

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート