一、图片预览效果

二、开打你喜欢的编译工具，甚至文本工具都可以只需要完成后把文件格式改成html格式。

<!DOCTYPE html>
<html><head><title>跳动爱心</title><meta charset="UTF-8"><style type="text/css">* {margin: 0;padding: 0;}#background {position: relative;width: 520px;height: 500px;background: pink;margin: 90px auto;}.love {width: 300px;height: 300px;background: #d5083b;box-shadow: 0px 0px 40px -4px #d5083b;}.love-left {position: absolute;top: 0px;left: 0px;border-radius: 150px;/*渐变色 渐变开始位置、渐变开始颜色、渐变结束颜色*/background: linear-gradient(to left right, #ee0a44 0%, #d5083b 40%);/*box-shadow:-15px -13px 40px -4px #d5083b;*//*box-shadow:0px 0px 40px -4px #d5083b;*//*background:red;*/transform: scale(1);animation: heart-beat 0.6s ease infinite;z-index: 3;}.love-right {position: absolute;top: 0px;right: 0px;border-radius: 150px;background: linear-gradient(to right left, #ee0a44 0%, #d5083b 50%);/*background:red;*/transform: scale(1);animation: heart-beat 0.6s ease infinite;z-index: 2;}.love-bottom {position: absolute;top: 109px;left: 110px;transform: rotate(45deg) scale(1);background: linear-gradient(to left top, #ee0a44 0%, #d5083b 40%);/*background:red;*/animation: heart-beat 0.6s ease infinite;z-index: 1;}@keyframes heart-beat {0% {transform: rotate(45deg) scale(1);box-shadow: 0px 0px 40px -4px #d5083b;}50% {transform: rotate(45deg) scale(1.1);box-shadow: 5px 5px 40px 10px #d5083b;}100% {transform: rotate(45deg) scale(1);box-shadow: 0px 0px 40px -4px #d5083b;}}</style>
</head><body style=" background: pink"><div id="background"><div class="love love-left"></div><div class="love love-right"></div><div class="love love-bottom"></div></div></body>
</html>

简单100行代码一页完成（表白代码-爱心跳动）相关推荐

Python实现的无法拒绝的情人节表白代码，python情人节表白代码
Python实现的无法拒绝的情人节表白代码,python情人节表白代码程序运行截图源代码 import sys import cfg import random import pygame fro ...
python开发表白代码（最炫表白代码）
情人节最炫表白代码七夕最浪漫的表白,最真挚的感情迷离中,叙述着灯火阑珊的人生别离.旧时的梦,苦涩的情,寻觅着生世不朽的诺言.我为你笔墨隐着的一世风华.蜿蜒无边的红尘路,再也载不动沉沉的相思,我踏遍 ...
python数独游戏源代码100行_python实现解数独程序代码
偶然发现linux系统附带的一个数独游戏,打开玩了几把.无奈是个数独菜鸟,以前没玩过,根本就走不出几步就一团浆糊了. 于是就打算借助计算机的强大运算力来暴力解数独,还是很有乐趣的. 下面就记录一下我写 ...
java浪漫代码_程序员表白代码，用过的人都找到了对象...
在情人节送给自己的女朋友玫瑰花, 对于程序员来说是不是太普通了呢? 为什么不试试让情人节变得更特别一些呢? 作为一名程序员, 可以用自己的技术创造出不一样的浪漫! 让你的女朋友眼前一亮,印象深刻. 这 ...
【爱心代码大全】——情人节表白代码送给她属于我们程序员的浪漫
html跨年表白代码
其他爱心表白代码地址.html表白代码大全(14个效果) 对象生日快乐祝福代码->>>html生日快乐代码更高级的倒计时代码->>>新年倒计时合集更加高级的跨年 ...
情人节表白代码（1）
本文整个项目在我的资源里面->>>情人节表白代码(1)里面有详细使用说明. 其他表白代码: html表白代码大全:html表白代码大全情人节表白代码(2):情人节表白代码情人节烟 ...
抖音上火的电脑代码cmd_抖音上的表白代码有哪些怎么弄电脑代码设置生成方法...
近期在抖音之中流行起了许多表白的套路,最有意思的就是抖音表白代码怎么设置呢?为了帮助大家表白成功,小编特意带来了表白代码设置方法详解. 抖音表白代码怎么设置方法一 msgbox("做我女朋 ...
100行代码实现最简单的基于FFMPEG+SDL的视频播放器
简介 FFMPEG工程浩大,可以参考的书籍又不是很多,因此很多刚学习FFMPEG的人常常感觉到无从下手.我刚接触FFMPEG的时候也感觉不知从何学起. 因此我把自己做项目过程中实现的一个非常简单的视频 ...

简单100行代码一页完成（表白代码-爱心跳动）

一、图片预览效果

二、开打你喜欢的编译工具，甚至文本工具都可以只需要完成后把文件格式改成html格式。

简单100行代码一页完成（表白代码-爱心跳动）相关推荐

最新文章

热门文章