在 Flask 中,要实现复杂的动画效果,可以使用 JavaScript 和 CSS。这里我们将使用一个名为 Spinner 的 JavaScript 库来创建动画效果。
- 首先,安装 Flask:
pip install Flask
- 创建一个新的 Flask 项目:
mkdir flask_spinner cd flask_spinner touch app.py
- 编辑
app.py
文件,添加以下内容:
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
- 在项目文件夹中创建一个名为
templates
的文件夹,并在其中创建一个名为index.html
的文件。将以下内容添加到该文件中:
Flask Spinner
在这个例子中,我们创建了一个简单的 CSS 动画,它将一个圆形的 div 旋转 360 度。你可以根据需要修改样式和动画效果。
- 运行 Flask 应用:
python app.py
- 打开浏览器,访问
http://127.0.0.1:5000/
,你将看到一个旋转的 Spinner 动画。
这只是一个简单的示例,你可以使用更复杂的 JavaScript 库(如 Spin.js)或自定义 CSS 动画来实现更复杂的动画效果。