html5情人节贺卡,Web工程师的情人节卡片

CSS

语言：

CSSSCSS

确定

@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);

body {

background: url(http://www.howie23.org/pics/seamless-wood-grain-texture.jpg);

background-size: cover;

font-family: 'Open Sans';

font-size: 16px;

}

.bottom,

.paper {

margin: 2rem auto;

}

.bottom {

background-color: #A4231F;

height: 650px;

max-width: 450px;

transform: rotate(-7.5deg);

width: 100%;

}

.paper {

background-color: #fff;

box-shadow: -1px 3px 3px 3px #222;

font-size: 4rem;

height: 550px;

max-width: 350px;

line-height: 1;

padding: 2.5rem 4rem;

position: relative;

text-transform: uppercase;

transform: rotate(7.5deg);

width: 100%;

z-index: 10px;

}

.paper p {

margin-top: 0;

}

.paper p:after {

bottom: 50px;

color: #CB262E;

content: "\f004";

font-family: fontAwesome;

font-size: 2rem;

position: absolute;

right: 50px;

}

.highlight {

color: #CB262E;

}

.highlight:last-child {

display: block;

}

html5情人节贺卡,Web工程师的情人节卡片相关推荐

html5情人节贺卡,情人节贺卡祝福语
情人节贺卡祝福语 1.我想要把放飞的心交给你,无论飞的再高再远,都不必担心迷失.因为线的一端,有你永远不变的牵挂! 2.茫茫人海遇到一个懂得自己的人实属不易,是缘分,也是机遇.相遇.相知.相恋.相守, ...
html5情人节贺卡,情人节贺卡创意情话
1.我不需要你是个盖世英雄,也不希望你有举世无双的功夫,更不用你脚踏七彩祥云,我只愿你是我一个人的齐天大圣. 2.本来想写一大堆的话告诉你,对我来说你有多重要,后来我写了改,改了又写,最后发现原来我想 ...
python制作圣诞贺卡_CodeCards：在线创建你的HTML5圣诞贺卡
Python--画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔) 最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给 ...
web项目怎么打包上线_高级前端web工程师简历范文，【工作经历+项目经验+自我评价】怎么写...
高级前端web工程师简历范文,工作经历+项目经验+自我评价怎么写 [网盘下载]100+清新大气简历模板下载: https://zhuanlan.zhihu.com/p/115911695 https: ...
web前端工程师是做什么的_我作为前端Web工程师的角色解释了什么？
web前端工程师是做什么的 by Shaun Michael Stone 肖恩·迈克尔·斯通(Shaun Michael Stone) 我作为前端Web工程师的角色解释了什么? (My role as ...
HTML5 将改变Web开发模式
HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段,但大部分浏览器已经支持某些 HTML5 技术.HTML 5有两大特点 ...
HTML5将重塑Web世界？，互联网营销
HTML5将改变互联网的方方面面.HTML5可能不会完全取代Flash,但它会重塑互联网,使浏览器无需借助插件就可以做更多的工作,从位置跟踪.视频播放到把云端的数据缓存到本地,最终能使互联网更安全.更 ...
Java EE WEB工程师培训-JDBC+Servlet+JSP整合开发之14.Servlet请求头信息
–典型的请求头信息 –读取HTTP请求头 –使用表格显示所有请求头信息 –理解各种请求头的含义 –区分不同的浏览器类型 ##############Michael分割线################ ...
《HTML5和JavaScript Web应用开发》——第 2 章　移动Web 2.1移动优先
本节书摘来自异步社区<HTML5和JavaScript Web应用开发>一书中的第2章,第2.1节,作者:[美]Wesley Hales著,更多章节内容可以访问云栖社区"异步社区 ...

html5情人节贺卡,Web工程师的情人节卡片

html5情人节贺卡,Web工程师的情人节卡片相关推荐

最新文章

热门文章