HTML5和CSS是網頁開發中最基礎的語言，也是最重要的語言。在HTML5和CSS中，我們可以用代碼來實現各種各樣的效果，比如畫出愛心。
<html>
<head>
<style>
.heart{
width:50px;
height:50px;
position:relative;
animation: heartbeat 1s infinite;
}
.heart:before,
.heart:after{
content:"";
position:absolute;
left:25px;
top:0;
width:25px;
height:40px;
background:#f00;
border-radius:25px 25px 0 0;
transform:rotate(-45deg);
transform-origin:0 100%;
}
.heart:after{
left:0;
transform:rotate(45deg);
transform-origin:100% 100%;
}
@keyframes heartbeat{
0%{
transform:scale(1);
}
50%{
transform:scale(1.2);
}
100%{
transform:scale(1);
}
}
</style>
</head>
<body>
<div class="heart"></div>
</body>
</html>上述代碼中，我們使用CSS來畫愛心。首先定義了一個class名為"heart"的div元素，在該元素中定義了:before和:after偽元素來實現左右兩部分的愛心形狀，同時使用CSS3的動畫效果來讓愛心有一個縮放的效果。