<!DOCTYPE html>
<html lang='en' class=''>
<head>
<meta charset='UTF-8'>
<title>Mother's Day Card</title>
<style class="INLINE_PEN_STYLESHEET_ID">
body, div, h1, h2, form, fieldset, input, textarea, footer, p {
margin: 0;
padding: 0;
border: 0;
outline: none;
}
body {
-webkit-perspective:800px;
background: #ccc url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/144467/bg_out2.png');
color: #7c7873;
-webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
from {padding:0;}
to {padding:0;}
}
p {
font-family: 'Arvo', serif;
font-size: 20px;
text-shadow: 0 1px 0 #fff;
color: #C3447A;
opacity: 0;
}
#wrap{
width: 530px;
height: 1000px;
margin: 20px auto 0;
}
h1{
font-family: 'Palatino', sans-serif;
font-size: 48px;
margin: 50px 0;
text-align: center;
color: #D65076;
text-shadow: 0 3px 0
母亲节因为疫情不能陪伴在妈妈身边,我用css给妈妈做了一个贺卡。
最新推荐文章于 2024-05-12 11:55:54 发布
博主分享了如何利用有限的前端知识,从GitHub获取源码并修改,为母亲制作了一张特别的母亲节贺卡。尽管主要专注于后端学习,但这个小项目展示了前端技术的应用。祝所有母亲节日快乐。
摘要由CSDN通过智能技术生成