golang实现跳动的爱心网页
时间: 2023-12-12 22:02:56 浏览: 28
可以通过HTML、CSS和Go语言的net/http包实现跳动的爱心网页。
首先,创建一个HTML文件,定义爱心图标和CSS动画:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>跳动的爱心</title>
<style>
.heart-container {
position: relative;
}
.heart {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: red;
transform: rotate(-45deg);
animation: pulse 1s ease infinite;
}
@keyframes pulse {
0% {
transform: scale(0.8) rotate(-45deg);
}
50% {
transform: scale(1.2) rotate(-45deg);
}
100% {
transform: scale(0.8) rotate(-45deg);
}
}
</style>
</head>
<body>
<div class="heart-container"></div>
</body>
</html>
```
然后,创建一个Go文件,使用net/http包将HTML文件作为响应返回给客户端:
```go
package main
import (
"io/ioutil"
"log"
"net/http"
)
func main() {
http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
html, err := ioutil.ReadFile("index.html")
if err != nil {
http.Error(w, "Internal Server Error", http.StatusInternalServerError)
return
}
w.Header().Set("Content-Type", "text/html")
w.Write(html)
})
log.Fatal(http.ListenAndServe(":8080", nil))
}
```
最后,启动程序并访问`http://localhost:8080`,就可以看到跳动的爱心网页了。