【螺旋旋转爱心特效】（Html+JS+CSS+效果+全部源代码）

追光者♂

已于 2023-10-14 18:15:42 修改

阅读量859

点赞数 6

分类专栏：前端之梦~代码之美(H5+CSS3+JS. 文章标签： css html javascript 前端特效前端爱心特效前端实战螺旋爱心

于 2022-08-11 08:26:35 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_44731019/article/details/126277857

版权

前端之梦~代码之美(H5+CSS3+JS. 专栏收录该内容

172 篇文章 80 订阅 ¥49.90 ¥99.00

订阅专栏

“回忆本来是非常美好的，只要你能让过去的都过去。”

在这里插入图片描述

🎯作者主页： 追光者♂🔥

🌸个人简介：

💖[1] 计算机专业硕士研究生💖

🌿[2] 2023年城市之星领跑者TOP1(哈尔滨)🌿

🌟[3] 2022年度博客之星人工智能领域TOP4🌟

🏅[4] 阿里云社区特邀专家博主🏅

🏆[5]

了解本专栏

关注

6
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
0
评论
【螺旋旋转爱心特效】（Html+JS+CSS+效果+全部源代码）

一个通过前端技术实现的螺旋爱心旋转特效
复制链接

扫一扫

专栏目录

博客等级

码龄5年

人工智能领域优质创作者

博客专家认证

1045
原创

8221
点赞

1万+
收藏

2万+
粉丝

关注

私信

热门文章

分类专栏

最新评论

Heterogeneous Network Embedding异构图嵌入（1）| 编码器-解码器框架组成部分 | 基于矩阵因式分解、随机游走、AE自动编码器、图神经网络、知识图谱嵌入的HNE模型特点
Boutique_: 作者的文字功底深厚，用词精准，语言优美，读来如沐春风，让人感受到文学的魅力。
【好玩的代码雨（附源代码）】
追光者♂:
【好玩的代码雨（附源代码）】
2401_83808934: import turtle import time # 清屏函数 def clear_all(): turtle.penup() turtle.goto(0, 0) turtle.color('white') turtle.pensize(800) turtle.pendown() turtle.setheading(0) turtle.fd(300) turtle.bk(600) # 重定位海龟的位置 def go_to(x, y, state): turtle.pendown() if state else turtle.penup() turtle.goto(x, y) # 画线 # state为真时海龟回到原点，为假时不回到原来的出发点 def draw_line(length, angle, state): turtle.pensize(1) turtle.pendown() turtle.setheading(angle) turtle.fd(length) turtle.bk(length) if state else turtle.penup() turtle.penup() # 画箭羽 def draw_feather(size): angle = 30 # 箭的倾角 feather_num = size//6 # 羽毛的数量 feather_length = size // 3 # 羽毛的长度 feather_gap = size//10 # 羽毛的间隔 for i in range(feather_num): draw_line(feather_gap, angle+180, False) # 箭柄，不折返 draw_line(feather_length, angle + 145, True) # 羽翼，要折返 draw_line(feather_length, angle + 145, False) draw_line(feather_num*feather_gap, angle, False) draw_line(feather_length, angle + 145 + 180, False) for i in range(feather_num): draw_line(feather_gap, angle+180, False) # 箭柄，不折返 draw_line(feather_length, angle - 145, True) # 羽翼，要折返 draw_line(feather_length, angle - 145, False) draw_line(feather_num*feather_gap, angle, False) draw_line(feather_length, angle - 145 + 180, False) # 画爱心 def draw_heart(size): turtle.color('red', 'pink') turtle.pensize(2) turtle.pendown() turtle.setheading(150) turtle.begin_fill() turtle.fd(size) turtle.circle(size * -3.745, 45) turtle.circle(size * -1.431, 165) turtle.left(120) turtle.circle(size * -1.431, 165) turtle.circle(size * -3.745, 45) turtle.fd(size) turtle.end_fill() # 画箭 def draw_arrow(size): angle = 30 turtle.color('black') draw_feather(size) turtle.pensize(4) turtle.setheading(angle) turtle.pendown() turtle.fd(size*2) # 一箭穿心 # 箭的头没有画出来，而是用海龟来代替 def arrow_heart(x, y, size): go_to(x, y, False) draw_heart(size*1.15) turtle.setheading(-150) turtle.penup() turtle.fd(size*2.2) draw_heart(size) turtle.penup() turtle.setheading(150) turtle.fd(size * 2.2) draw_arrow(size) # 画出发射爱心的小人 def draw_people(x, y): turtle.penup() turtle.goto(x, y) turtle.pendown() turtle.pensize(2) turtle.color('black') turtle.setheading(0) turtle.circle(60, 360) turtle.penup() turtle.setheading(90) turtle.fd(75) turtle.setheading(180) turtle.fd(20) turtle.pensize(4) turtle.pendown() turtle.circle(2, 360) turtle.setheading(0) turtle.penup() turtle.fd(40) turtle.pensize(4) turtle.pendown() turtle.circle(-2, 360) turtle.penup() turtle.goto(x, y) turtle.setheading(-90) turtle.pendown() turtle.fd(20) turtle.setheading(0) turtle.fd(35) turtle.setheading(60) turtle.fd(10) turtle.penup() turtle.goto(x, y) turtle.setheading(-90) turtle.pendown() turtle.fd(40) turtle.setheading(0) turtle.fd(35) turtle.setheading(-60) turtle.fd(10) turtle.penup() turtle.goto(x, y) turtle.setheading(-90) turtle.pendown() turtle.fd(60) turtle.setheading(-135) turtle.fd(60) turtle.bk(60) turtle.setheading(-45) turtle.fd(30) turtle.setheading(-135) turtle.fd(35) turtle.penup() # 第一个画面，显示文字 def page0(): turtle.penup() turtle.goto(-350, 0) turtle.color('black') turtle.write('专属于我们的什么节', font=('宋体', 60, 'normal')) #这里的字大家自己替换 time.sleep(3) # 第二个画面，显示发射爱心的小人 def page1(): turtle.speed(10) draw_people(-250, 20) turtle.penup() turtle.goto(-150, -30) draw_heart(14) turtle.penup() turtle.goto(-20, -60) draw_heart(25) turtle.penup() turtle.goto(250, -100) draw_heart(45) turtle.hideturtle() time.sleep(3) # 最后一个画面，一箭穿心 def page2(): turtle.speed(1) turtle.penup() turtle.goto(-200, -200) turtle.color('blue') turtle.pendown() turtle.write('温轻舟温轻舟', font=('wisdom', 25, 'normal')) #这里的字大家自己替换 turtle.penup() turtle.goto(0, -180) draw_heart(10) arrow_heart(20, -60, 51) turtle.showturtle() def main(): turtle.setup(900, 500) page0() clear_all() page1() clear_all() page2() turtle.done() main()
全15万字丨PyTorch 深度学习实践、基础知识体系全集；忘记时，请时常回顾。
追光者♂: 嗯嗯👍👍
全15万字丨PyTorch 深度学习实践、基础知识体系全集；忘记时，请时常回顾。
chacha361: torch 线性回归1.4.4 更新的时候代码为： optimizer.step(lambda:loss)就可以使用LBFGS优化器了，不会报错

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

追光者♂ 谢谢你呀！一起加油！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。