PHP中文网-QQ群-扫二维码

QQ群

PHP中文网-关注微信公众号-扫二维码

微信公众号

当前位置:php中文网下载站 > js特效 > CSS3特效 > CSS3带阴影动画效果的手绘卡通风格按钮特效

CSS3带阴影动画效果的手绘卡通风格按钮特效

2018-01-30 来源/作者:php中文网 分类:CSS3特效 «» 下载次数:8
CSS3带阴影动画效果的手绘卡通风格按钮特效

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS3带阴影动画效果的手绘卡通风格按钮特效</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css?3.1.50" />
<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css?3.1.50">
<link rel="stylesheet" href="css/style.css?3.1.50">
</head>
<body><script src="/demos/googlegg.js?3.1.50"></script>
<div class="htmleaf-container">
<section>
 <button class='lined thick'>Lined Thick</button>
 <button class='dotted thick'>Dotted Thick</button>
 <button class='dashed thick'>Dashed Thick</button>
</section>
<section>
 <button class='lined thin'>Lined Thin</button>
 <button class='dotted thin'>Dotted Thin</button>
 <button class='dashed thin'>Dashed Thin</button>
</section>
</div>

CSS3实现带阴影动画效果的手绘卡通按钮特效,它们以手绘涂鸦的方式,以不同的按钮边框线条宽度和虚线来构成按钮,共有6种不同的效果。


申明:PHP中文网下载站匠心打造中国最大的免费下载站!一切资源免费,所有资源都经过检测,请放心下载!

效果预览 本地下载  新手使用求助QQ群: