生日快乐的代码是printf（“happy birthday”）；文本装饰：、无位置：相对、字体大小：8em、行高：1、颜色：红色、显示：内联块
祝你生日快乐用VB做，可以直接发送，弹出提示框，代码如下跟随：
wscriptecho文件“生日快乐”；您可以直接输入一个文本文档，然后将txt格式改为VBS。
效果
<!DOCTYPE html>
<html lang="en">
<script id="allow-copy_script">
(function agent() {
let unlock = false
documentaddEventListener('allow_copy', (event) => {
unlock = eventdetailunlock
})
const copyEvents = [
'copy',
'cut',
'contextmenu',
'selectstart',
'mousedown',
'mouseup',
'mousemove',
'keydown',
'keypress',
'keyup',
]
const rejectOtherHandlers = (e) => {
if (unlock) {
estopPropagation()
if (estopImmediatePropagation) estopImmediatePropagation()
}
}
copyEventsforEach((evt) => {
documentdocumentElementaddEventListener(evt, rejectOtherHandlers, {
capture: true,
})
})
})()
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Animated Birthday Cake</title>
<style>
@import url("https://fontsgoogleapiscom/css2family=Cookie&family=Rouge+Script&display=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: 25rem;
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, 05);
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:indexpartialhtml -->
<div class="wrapper">
<div class="greeting" style="transform: translate(0px, 0px);">Happy Birthday</div>
<div class="plate">
<div class="cake-wrap">
<div class="cake-topping" style="opacity: 1; transform: translate(0px, 0px);">
<div class="topping-top">
<div class="candle-container" style="opacity: 1;">
<div class="star" style="opacity: 05; transform: translate3d(0px, 0px, 0px) scale(06172, 06172);">
</div>
<div class="star" style="opacity: 05; transform: translate3d(0px, 0px, 0px) scale(08015, 08015);">
</div>
<div class="star" style="opacity: 05; transform: translate3d(0px, 0px, 0px) scale(09259, 09259);">
</div>
<div class="star" style="opacity: 05; transform: translate3d(0px, 0px, 0px) scale(09902, 09902);">
</div>
<div class="star" style="opacity: 05; transform: translate(0px, 0px);"></div>
<div class="candle-wrap">
<div class="flame-wrap" style="transform: translate(0px, 0px);"></div>
<div class="candle-base">
<div class="candle-top"></div>
</div>
</div>
</div>
</div>
<div class="topping-front">
<div class="top-layer"></div>
<div class="bottom-layer"></div>
</div>
</div>
<div class="cake-base">
<div class="base-front"></div>
<div class="base-top"></div>
</div>
</div>
</div>
</div>
<svg class="svg">
<clippath id="my-clip-path" clipPathUnits="objectBoundingBox">
<path
d="M0,0 V0481 s0021,037,0078,0404 s0035,-0296,0102,-027 s0007,0363,0096,0354 s0028,-0466,01,-0487 S0406,0999,0457,0999 s003,-0502,0075,-0518 s0041,0488,0081,0274 c0007,-0038,0021,-0187,0044,-0215 c0014,-0017,0038,0401,0075,0392 s0023,-028,0074,-0392 c0022,-004,0072,0359,01,0344 c0057,-0029,0094,-0405,0094,-0405 V-0001">
</path>
</clippath>
<clippath id="my-flame-path" clipPathUnits="objectBoundingBox">
<path
d="M0501,0 s0188,0101,0295,0238 s0123,015,0169,0286 S1,074,0928,0838 S0711,1,0501,1 S0216,0937,009,0838 s-0083,-0149,0,-029 s023,-0139,0333,-0276 S0501,0,0501,0">
</path>
</clippath>
<clippath id="my-star-path" clipPathUnits="objectBoundingBox">
<path
d="M05,0846 l-0309,0154,0044,-0357 L0,0382 l0336,-0067 L05,0 l0164,0315,0336,0067,-0235,0261,0044,0357">
</path>
</clippath>
</svg>
<!-- partial -->
<script src="http://codejquerycom/jquery-221minjs"></script>
<script src="https://libbaomitucom/gsap/371/gsapminjs"></script>
<script>
const timeline = gsaptimeline({
duration: 03
});
timelinefromTo('cake-topping', {
yPercent: -300,
opacity: 05
}, {
yPercent: 0,
opacity: 1
});
timelineto('candle-container', {
opacity: 1
});
timelineto('flame-wrap', {
scale: 1,
ease: "backout"
});
timelineto('greeting', {
scale: 1,
ease: "backout"
});
timelineto('star', {
opacity: 05,
stagger: 005,
onComplete: function () {
gsapto('star', {
scale: 025,
repeat: -1,
stagger: 01,
yoyo: true,
yoyoEase: "power1out"
});
}
});
</script>
</body>
</html>
欧莱雅，在我这里是个平价的牌子，没有效果，用不好也用不坏，只是广告好
碧欧泉男士，我觉得还不错，我男朋友用了，也觉得不错的，碧欧泉也分各个年龄段和肤质
兰蔻男士，也不错，适合年龄35以下的人群，主要是保湿，抗老的。
倩碧男士，我男朋友说，除了男士的皂还可以，其他都比不上碧欧泉
欢迎分享，转载请注明来源：品搜搜测评网
微信扫一扫
支付宝扫一扫
