!DOCTYPE html
html lang="en"
script id="allow-copy_script"
(function agent() {
let unlock = false
document.addEventListener('allow_copy', (event) = {
unlock = event.detail.unlock
})
const copyEvents = [
'copy',
'cut',
'contextmenu',
'selectstart',
'mousedown',
'mouseup',
'mousemove',
'keydown',
'keypress',
'keyup',
]
const rejectOtherHandlers = (e) = {
if (unlock) {
e.stopPropagation()
if (e.stopImmediatePropagation) e.stopImmediatePropagation()
}
}
copyEvents.forEach((evt) = {
document.documentElement.addEventListener(evt, rejectOtherHandlers, {
capture: true,
})
})
})()
/script
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
titleAnimated Birthday Cake/title
style
@import url(";family=Rouge+Scriptdisplay=swap");
*,
*:before,
*:after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.svg {
position: absolute;
width: 0;
height: 0;
}
.wrapper,
.plate,
.candle-container {
display: grid;
place-items: center;
}
.wrapper {
position: relative;
height: 100vh;
min-height: 600px;
background: linear-gradient(to top, #eee, transparent);
}
.greeting {
font-family: 'Rouge Script', cursive;
font-size: 4rem;
color: #444;
transform: scale(0);
}
.message {
font-family: 'Cookie', cursive;
font-size: 2.5rem;
color: #777;
}
.plate {
position: relative;
width: 250px;
height: 75px;
background: #f1f1f1;
margin-top: 0;
border-radius: 50%;
box-shadow: 0px 3px 5px 0px #aaa;
}
.cake-wrap {
position: absolute;
bottom: 50%;
}
.cake-base {
position: relative;
width: 200px;
height: 50px;
background: #c5a5c0;
}
.cake-base .base-front {
position: absolute;
width: 100%;
height: 100%;
background: inherit;
}
.cake-base .base-front:after {
content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 55px;
transform: translatey(-50%);
background: inherit;
border-radius: 50%;
}
.cake-base .base-top {
position: absolute;
width: 100%;
height: 65px;
top: 0;
transform: translatey(-50%);
border-radius: 50%;
background: inherit;
}
.cake-base .base-top:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
clip-path: polygon(0 0, 0% 50%, 100% 50%, 100% 0);
}
.cake-base .base-top:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border-bottom-color: black;
clip-path: polygon(0 50%, 60% 50%, 60% 101%, 0 101%);
}
.cake-topping {
position: absolute;
bottom: 0%;
width: 200px;
height: 100px;
z-index: 99;
}
.cake-topping .topping-front {
width: 100%;
height: 100%;
background: linear-gradient(to bottom, #b381ae 40%, transparent);
}
.cake-topping .topping-front .top-layer {
height: 30%;
background: #b381ae;
}
.cake-topping .topping-front .bottom-layer {
position: relative;
height: 70%;
background: #b381ae;
clip-path: url("#my-clip-path");
}
.cake-topping .topping-top {
background: #b381ae;
position: absolute;
width: 100%;
height: 65px;
top: 0;
transform: translatey(-50%);
border-radius: 50%;
z-index: 9;
}
.cake-topping .topping-top:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
clip-path: polygon(0 0, 0% 50%, 100% 50%, 100% 0);
}
.cake-topping .topping-top:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: inset 0 -1px 1px 2px rgba(200, 169, 195, 0.5);
clip-path: polygon(10% 50%, 70% 50%, 70% 101%, 10% 101%);
}
.candle-container {
width: 200px;
position: absolute;
bottom: 60%;
z-index: 9999;
opacity: 0;
}
.candle-container .candle-wrap {
position: relative;
width: 15px;
}
.candle-container .flame-wrap {
position: relative;
z-index: 99;
width: 100%;
background: #fcc56c;
height: 30px;
transform-origin: bottom center;
transform: scale(0);
clip-path: url(#my-flame-path);
}
.candle-container .candle-top {
position: absolute;
top: 0;
left: 0;
transform: translatey(-50%);
width: 100%;
height: 8px;
background: white;
border-radius: 50%;
z-index: 9;
background: radial-gradient(#eee, #f0abf0);
}
.candle-container .candle-base {
position: relative;
width: 100%;
height: 75px;
margin: 2px 0;
background: repeating-linear-gradient(45deg, #eee, #f0abf0 20%);
}
.candle-container .candle-base:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
background: #eee;
transform: translateY(50%);
height: 5px;
width: 100%;
z-index: -1;
border-radius: 50%;
}
.candle-container .candle-base:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
height: 10px;
width: 200%;
border-radius: 50%;
background: radial-gradient(#9e7199, #b381ae);
z-index: -2;
}
.candle-container .star {
width: 15px;
height: 15px;
position: absolute;
background-color: orange;
clip-path: url(#my-star-path);
opacity: 0;
}
.candle-container .star:nth-of-type(1) {
top: -20%;
left: 30%;
}
.candle-container .star:nth-of-type(2) {
top: 30%;
left: 10%;
}
.candle-container .star:nth-of-type(3) {
top: -10%;
left: 85%;
}
.candle-container .star:nth-of-type(4) {
top: 35%;
left: 65%;
}
.candle-container .star:nth-of-type(5) {
top: 55%;
left: 90%;
}
/style
/head
body
!-- partial:index.partial.html --
div class="6bdf-7312-c579-4d4d wrapper"
div class="7312-c579-4d4d-8a2a greeting" style="transform: translate(0px, 0px);"Happy Birthday/div
div class="2e13-45d0-3e1c-0fda plate"
div class="45d0-3e1c-0fda-9e2b cake-wrap"
div class="3e1c-0fda-9e2b-69a4 cake-topping" style="opacity: 1; transform: translate(0px, 0px);"
div class="0fda-9e2b-69a4-37b8 topping-top"
div class="9e2b-69a4-37b8-7fa3 candle-container" style="opacity: 1;"
div class="69a4-37b8-7fa3-512e star" style="opacity: 0.5; transform: translate3d(0px, 0px, 0px) scale(0.6172, 0.6172);"
/div
div class="37b8-7fa3-512e-ce8f star" style="opacity: 0.5; transform: translate3d(0px, 0px, 0px) scale(0.8015, 0.8015);"
/div
div class="7fa3-512e-ce8f-4506 star" style="opacity: 0.5; transform: translate3d(0px, 0px, 0px) scale(0.9259, 0.9259);"
/div
div class="512e-ce8f-4506-53b4 star" style="opacity: 0.5; transform: translate3d(0px, 0px, 0px) scale(0.9902, 0.9902);"
/div
div class="ce8f-4506-53b4-4a7d star" style="opacity: 0.5; transform: translate(0px, 0px);"/div
div class="4506-53b4-4a7d-6bdf candle-wrap"
div class="53b4-4a7d-6bdf-7312 flame-wrap" style="transform: translate(0px, 0px);"/div
div class="4a7d-6bdf-7312-c579 candle-base"
div class="6bdf-7312-c579-4d4d candle-top"/div
/div
/div
/div
/div
div class="7312-c579-4d4d-8a2a topping-front"
div class="2e13-45d0-3e1c-0fda top-layer"/div
div class="45d0-3e1c-0fda-9e2b bottom-layer"/div
/div
/div
div class="3e1c-0fda-9e2b-69a4 cake-base"
div class="0fda-9e2b-69a4-37b8 base-front"/div
div class="9e2b-69a4-37b8-7fa3 base-top"/div
/div
/div
/div
/div
svg class="69a4-37b8-7fa3-512e svg"
clippath id="my-clip-path" clipPathUnits="objectBoundingBox"
path
d="M0,0 V0.481 s0.021,0.37,0.078,0.404 s0.035,-0.296,0.102,-0.27 s0.007,0.363,0.096,0.354 s0.028,-0.466,0.1,-0.487 S0.406,0.999,0.457,0.999 s0.03,-0.502,0.075,-0.518 s0.041,0.488,0.081,0.274 c0.007,-0.038,0.021,-0.187,0.044,-0.215 c0.014,-0.017,0.038,0.401,0.075,0.392 s0.023,-0.28,0.074,-0.392 c0.022,-0.04,0.072,0.359,0.1,0.344 c0.057,-0.029,0.094,-0.405,0.094,-0.405 V-0.001"
/path
/clippath
clippath id="my-flame-path" clipPathUnits="objectBoundingBox"
path
d="M0.501,0 s0.188,0.101,0.295,0.238 s0.123,0.15,0.169,0.286 S1,0.74,0.928,0.838 S0.711,1,0.501,1 S0.216,0.937,0.09,0.838 s-0.083,-0.149,0,-0.29 s0.23,-0.139,0.333,-0.276 S0.501,0,0.501,0"
/path
/clippath
clippath id="my-star-path" clipPathUnits="objectBoundingBox"
path
d="M0.5,0.846 l-0.309,0.154,0.044,-0.357 L0,0.382 l0.336,-0.067 L0.5,0 l0.164,0.315,0.336,0.067,-0.235,0.261,0.044,0.357"
/path
/clippath
/svg
!-- partial --
script src=""/script
script src=""/script
script
const timeline = gsap.timeline({
duration: 0.3
});
timeline.fromTo('.cake-topping', {
yPercent: -300,
opacity: 0.5
}, {
yPercent: 0,
opacity: 1
});
timeline.to('.candle-container', {
opacity: 1
});
timeline.to('.flame-wrap', {
scale: 1,
ease: "back.out"
});
timeline.to('.greeting', {
scale: 1,
ease: "back.out"
});
timeline.to('.star', {
opacity: 0.5,
stagger: 0.05,
onComplete: function () {
gsap.to('.star', {
scale: 0.25,
repeat: -1,
stagger: 0.1,
yoyo: true,
yoyoEase: "power1.out"
});
}
});
/script
/body
/html
1:[M][ftc=#A286BD]泩ㄖ[/ft][ftc=#BC8CBF]赽泺娿![/ft] [/M] 2: [B][M]生日到了[/M][M][ftf=宋体]真心希望[/ft][/M][M]你在未来的生活中[/M] [M]可以{[ftc=#EF6EA8]平安[/ft]}{[ftc=#EF6EA8]健康[/ft]}{[ftc=#EF6EA8]幸福[/ft]}[/M][M] ﹋﹋ ﹋﹋ ﹋﹋[/M][M] 今天是你的生日 请点击红玫瑰 src= width=500 height=400 type=application/x-shockwave-flash 液色迷人玫瑰花 wmode="transparent" quality="high" "4: [M][ftc=#652C91]玍[/ft][ftc=#91278F]ㄖ[/ft][ftc=#ED008C]駃[/ft][ftc=#EE1000]乐[/ft] [ftc=#333333][ftc=#ff3399]┅[/ft]┅[ftc=#ff3399]┅[/ft]┅[ftc=#ff3399]┅[/ft]┅[ftc=#ff3399]┅[/ft] [/M] 5: [M][B] [ftc=#EF6EA8]20○8哖8月21ㄖ 星期四[/ft] 祝[fts=3][U] 基范 [/U][/ft][ffg,#FBAF00,#FFFFFF][生日快乐][/ft] [/M] 6: [M][M] [ftc=#CC66FF] [B] —— 礻兄: ”Kibum” :玍ㄖ快乐.!′ [/M] 7: [M][ftc=#ff0099]苼日[ftc=#777777]快乐[ftc=#ff0099]! [ftc=#777777]Ha[ftc=#ff0099]ppy [ftc=#777777]Bin[ftc=#ff0099]th[ftc=#777777]day [ftc=#ff0099]to [ftc=#777777]y[ftc=#ff0099]ou [/M]
开始————运行——CMD 黑客dos命令: net use \\ip\ipc$ " " /user:" " 建立IPC空链接 net use \\ip\ipc$ "密码" /user:"用户名" 建立IPC非空链接 net use h: \\ip\c$ "密码" /user:"用户名" 直接登陆后映射对方C:到本地为H: net use h: \\ip\c$ 登陆后映射对方C:到本地为H: net use \\ip\ipc$ /del 删除IPC链接 net use h: /del 删除映射对方到本地的为H:的映射 net user 用户名 密码 /add 建立用户 net user guest /active:yes 激活guest用户 net user 查看有哪些用户 net user 帐户名 查看帐户的属性 net localgroup administrators 用户名 /add 把“用户”添加到管理员中使其具有管理员权限 等等还有很多。。。。。。
直接输入生日快乐四个字就会有蛋糕掉落了。具体如下:
1、打“生日快乐”,如下图所示。
2、打“么么哒”,如下图所示。
3、打“想你了”,如下图所示。
发展历程:
微信由深圳腾讯控股有限公司(Tencent Holdings Limited)于2010年10月筹划启动,由腾讯广州研发中心产品团队打造 。
该团队经理张小龙所带领的团队曾成功开发过Foxmail、QQ邮箱等互联网项目。腾讯公司总裁马化腾在产品策划的邮件中确定了这款产品的名称叫做“微信”。
import java.text.SimpleDateFormat;
SimpleDateFormat formatter = new SimpleDateFormat ("yyyy年MM月dd日 HH:mm:ss ");
Date curDate = new Date(System.currentTimeMillis());//获取当前时间
String str = formatter.format(curDate);
str-你的生日
C语言编程生日快乐代码的方法:首先要按【CTRL+R】键,cmd进入命令行,输入pip install turtle安装第三方库;然后打开C语言编辑器,将相关代码复制进去;最后按快捷键F5进行保存且执行即可。
「只要是用过PHP的程序员,都知道两件事:
第一,这是一种糟糕的语言,如果有其他选择,自己绝不会再使用PHP。
第二,历史上一些非常成功的项目都在用PHP。
Fine,这两点并不矛盾。作为一门编程语言,PHP是有很多的缺陷,但和PHP环境具备的优点相比,这些缺陷也就不值一提了。和其他语言相比,PHP为项目的搭建、更改和运行提供了更好的支持。2020年6月8日,「世界上最好的语言」PHP迎来了自己的25周岁生日。
如何解决工作环境优化的问题 良好的工作环境是知识型员工的核心职业诉求之一。工作环境的硬件条件固然重要,但不是重点,所谓“环境留人”,重点是工作软环境人文环境和工作氛围。影响企业人文环境的主要因素包括企...
大众帕萨特怡利导航破解升级凯立德详细步骤 可以 登陆GPS之家,下载最新版破解地图懒人包,解压改端口 搞定或者可当地升级网点升级如何破解帕萨特新领驭原装导航地图卡 第一个办法 有证据的话 在那个修理...
世界上是不是有一个岛,里面有一个可以吸东西的洞,这个我记得是在电视上的频道看的,忘了是什么了 第1名:经过也可能遇难的死亡之洞——印尼爪哇谷洞印尼爪哇谷洞最为恐怖奇异。此谷中有6个大山洞,洞呈喇叭状,...
汤姆猫战营破解版为什么进不去 手机配置差、运行内存小,可能会进入游戏后闪退,造成无法进入游戏,只能换个好一点的手机。网络不稳定,可能会使游戏停留在初始界面上,无法进入,需要换个好一点的网络。下载游戏时...
萝趣生活怎么打开 他是有一个开关按钮的,在上下左右边上。可以试试能不能推开,或者有没有卡扣掰开,不行的话可以找找周围有没有什么小开关可以按,都不行就只能利用工具从盒子的缝隙处撬开,不过可能会损伤盒子,...
中国历史上最得宠的公主 1,最著名的当属武则天的女儿“太平公主”,作为唐高宗李治与武则天的小女儿,唐中宗和唐睿宗的胞妹,生平极受父母兄长尤其是其母武则天的宠爱,权倾一时,被称为“几乎拥有天下的公主”....