心臓の鼓動

写真はありません。CSS3 を使用して鼓動するハートを作成します。

HTML:

リーリー

まず、2 つの div をフローティングにし、左上隅と右上隅を丸くします。

リーリー

は次のようになります:

次に、2 つの div を回転します。左側の div は、右下隅を回転ポイントとして使用し、時計回りに 45 度回転します。右側の div は、左下隅を回転ポイントとして使用し、反時計回りに 45 度回転します。

リーリー

ハートの形が出てきます:

心臓をドキドキさせてアニメーションを追加してください:

リーリー

さて、鼓動する心臓が完成しました。

完全な CSS:

リーリー