![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3 特效
爱敲代码的程序猿
热爱代码,编写程序使我快乐
展开
-
【07】CSS介绍
CSS CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子原创 2017-09-05 15:06:27 · 372 阅读 · 0 评论 -
【10】CSS3阴影 box-shadow的使用和技巧总结
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴原创 2017-09-11 11:14:12 · 492 阅读 · 0 评论 -
【22】字体效果(阴影/浮雕)
利用CSS text-shadow 属性支持 text-shadow 的浏览器有 Firefox 3.5, Chrome 2.0, Opera 9.5, Safari4.0, 其中 Safari 是老早就可以的,但直到 4.0 才支持多重阴影。另外 Opera mini 也能显示,但比较弱,阴影不能模糊。浮雕文字浮雕文字效果在 Mac OS X 和 iPhone 中随处可见,由于阴原创 2017-09-26 10:37:50 · 1568 阅读 · 0 评论 -
【24】纯css实现一台正在打字的电脑
今天给大家分享一个纯css制作的一台正在打字的电脑<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords"原创 2017-09-28 08:57:46 · 289 阅读 · 0 评论 -
【27】你以为border-radius只是圆角吗【各种角度】
border-radius,国内翻译成圆角,你可能以为这个属性就是用来画圆角,没错,但是除此之外,它还可以做点别的事情。radius其实指的是边框所在圆的半径,这个CSS3属性不仅能够创建圆角,还可以创建椭圆角(如下图),把这些角按照不同的顺序和大小来展现,能够绘制成多种多样的图形。以下图例就是通过定义border-radius得到的效果。 语法和解释 代码<html><head lang="原创 2017-10-10 16:28:02 · 1704 阅读 · 0 评论 -
【29】纯css3制作的冒着气泡的瓶子
这几天由于时间紧的原因就不多说话了看效果吧 想看效果的点击鑫大大的小屋<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>瓶子里的水</title> <link rel="stylesheet" href="css/base.css"> <style type="text/css">原创 2017-10-12 10:03:52 · 1854 阅读 · 0 评论 -
【30】纯CSS制作一台打字的电脑
这几天由于时间紧的原因就不多说话了看效果吧 想看效果的点击鑫大大的小屋<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta nam原创 2017-10-13 09:11:58 · 496 阅读 · 0 评论 -
【39】秀的一手好css
Css3使用translate属性,使不知道宽度、高度的元素实现水平、垂直居中<div class="wrapper">我不知道我的宽度和高是多少,我要实现水平垂直居中</div> .wrapper{ padding:20px; background: orange; color: #fff; position: absolute;原创 2017-12-25 11:25:18 · 285 阅读 · 0 评论