wulin.comの記事紹介(www.vevb.com):毎日HTML5+CSS3を少し学び、ゆっくりと体験を蓄積し、基本から始めます。以下は、主に描画シンプルなプレーヤーボタンを紹介します。
毎日HTML5+CSS3を少し学び、ゆっくりと体験を蓄積し、基本から始めます。以下は、主に描画シンプルなプレーヤーボタンを紹介します。
まず、divの幅と高さが0のときに、設定ボーダーがどのように見えるか見てみましょう。
コードは次のとおりです。
1
操作レンダリングは次のとおりです。
それで、私たちはこの写真から何かを見ることができますか?
3つの境界線を取り外した場合、三角形を描くことはできますか?答えはイエスです。たった1つのコードで、三角形を描画できます。
効果:
これで、プレーヤーボタンを簡単に描画できます。学習メモのいくつかのヒントと、上の三角形を描くためにコードを適応させる少しのヒントと組み合わせると、最後のプレーヤーボタンを簡単に描画できます。
コードは次のとおりです。
1
プレーヤーボタン
効果:
概要:この単純な例は、主に境界線の使用を使用して三角形を描画し、境界の幅やDIVのサイズを変更するなど、わずかに変換して、他の基本的なグラフィックを描画します。さらに、CSS3の丸い角、影、グラフィックスの変換も使用されます。