【CSS】CSS 高级技——CSS画图

最新推荐文章于 2024-04-06 12:43:24 发布

云端漂移

最新推荐文章于 2024-04-06 12:43:24 发布

阅读量2k

点赞数 1

分类专栏： css diary 文章标签： css css画图 css高级应用

本文链接：https://blog.csdn.net/jean_lee/article/details/17410981

版权

CSS 高级技之CSS画图

摘要由CSDN通过智能技术生成

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSS 高级技——CSS画图</title>
<style>
body {
	background: #333
}
.wrapper {
	position: relative;
	width:500px;
	margin:0 auto;
	text-align: center;
}
.wrapper div {
	display: inline-block;
	margin:0 30px;
}
.app {
	position: relative;
	width:200px;
	height:200px;
	margin:50px auto;
	border-radius: 20px;
	box-shadow: 0 0 1px -1px rgba(0,0,0,.5), inset 0 0 15px rgba(0, 0, 0, .3), 1px 3px 6px #000;
	text-align: center;
	color:#fff;
	text-shadow:2px 2px 0px #000;
	font: 21px/200px arial;
	/*background:-webkit-gradient(linear, 0 0, 100% 0, from(#e9c474), to(#e9c474));*/
	background:-webkit-linear-gradient(top left, #e9c474, #3fbdbe, #f88cff,#3fbe69);
	background:-moz-radial-gradient(top left, #e9c474, #3fbdbe, #f88cff,#3fbe69);
	-webkit-transition:all .4s ease-in;
	-moz-transition:all .4s ease-in;
	transition:all .4s ease-in;
	z-