css3阴影
用css3做阴影
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css" media="screen">
p{
width: 600px;
height: 200px;
margin: 50px auto;
/* background: red; */
font: 60px/200px Arial;
text-align: center;
color: #fff;
letter-spacing: 20px;
text-shadow: 4px 4px 3px blue;
box-shadow:inset 0px 0px 2px 3px purple;
}
</style>
</head>
<body>
<p>
快乐
</p>
</body>
</html>
相关阅读
css3 深刻认识border-color和border-radius的属性
1.border-radius 属性: 我们先看看下面的图片： 如果你们看到这个图片该怎么写的？先思考一下 代码如下： .box{ width: 20
1. 纯css3实现<h1><mark>PURE CSS</mark> Slide Up and Slide Down</h1> <input id="toggle" type="checkbox"><label for="toggl
css3渐变 鼠标样式 透明度的使用以及兼容性写法(针对IE的大傻逼) 线性渐变 径向渐变 ###鼠标样式(cursor)规定当鼠标进入元素呢
定位 层级和动画的完美融合 效果图 有点吃藕了，图片不重要 <!doctype html> <html><!--根标签--> <head> <!--不可视区域--
在讲解之前，我们先将我们要变换的元素看做一个正方体，为了方便理解，我标注了XYZ轴以及方向，如下图： 1、 scaleX(x) 通过设置X轴值