第一回 初来乍到

NPC: "欢迎来到正则表达式的国度，勇士！这里的每一个人都使用正则表达式，我是这里的 NPC，每一个来到这里的人都将由我代为介绍正则世界的规则，至于能领悟到何种境界，就看你的造化了。祝你好运，勇士！"

你："啊，好的，正则表达式......有点奇怪的名字，它是什么呢？"

粉丝求助SOS：求助，这种在一个单元格里【...】（中括号）里的数字，怎么求和？

在日常工作中，我们经常会遇到提取文本或者数字等，今天为大家介绍一个新函数—REGEXP正则函数，它的功能很强大，在提取时不需要嵌套其它函数，非常方便。

一、函数介绍：

看到题目是不是吓了一跳？css竟然还有这个操作？还真是第一次听说~

原理嘛，其实很简单的，用到的就是 CSS3 滤镜filter中的

HTML和HTML5的区别:

其实说白了，就是ES5和ES6的区别，无非就是换汤不换药，其实这个说法也不太对，是加了一些调料而已，HTML是前端搭建页面的必须品，但是随着人们开发的需求和速度，后期维护和代码可读性，各个方面的需求不断增加，会发现HTML里面的一些标签满足不了，所以就更新换代，不断的更具需求整合添加了一部分新的元素标签进来，其中常用的有如下这些，如有不全请谅解，仅供参考:

切图网专注于html5前端切图开发，下面给大家介绍一下前端切图css高级阴影用法drop-shadow，主要是在最近项目切图中遇到的，通常我们了解的css的阴影写法就是shadow，但是它不能解决非规则图形的阴影效果，而drop-shadow可以做到。

这 66 个特效，是我历时4个多月在油管一个一个跟着敲出来的，为了加强记忆，每个练习，我都录制了视频，在这里分享出来给大家。大家可能又会调侃了，你是工作不饱和吧，有时间做这些。其实，我目前工作还是挺饱和的，都是挤出来的。我们是9点上班，我基本7点半就到公司自学了，这样我就有一个半小时的时间来做这些了。

对于 CSS 评价，无论是在论坛还是身边的人，我听到最多的是学 CSS 这些花里胡哨没啥用，实际项目中又用不到。听到这些心里还是挺实受挫的，有时候会怀疑自己，我学习的方向是不是错了。但在几次的项目需要用到一些特效，我都能很快的找到思路并做出来，我想这是得益于，我平时所学的这些特效积累出来的。

预览图

首先查看预览图:

原理

1. 采用了 background 属性

在CSS3中我们可以使用text-shadow属性给页面上的文字添加阴影效果，text-shadow在CSS2.1的时候曾被删除过的一个属性，但是又在css3.0中恢复了使用。

①text-shadow的使用方法：text-shadow：length length length color

• 第一个length表示的是阴影离开文字的横向距离；
• 第二个length表示的是阴影离开文字的纵向的距离；
• 第三个length表示的是阴影模糊半径；

大家好，今天给大家介绍一款，炫酷的阴影的3D立体文字动画网页源码（图1）。送给大家哦，获取方式在本文末尾。

由两组文字构成，都有阴影，加上左右晃动，3D效果很明显（图2）

响应式页面，支持各种分辨率（图3）

代码完整，需要的朋友可以下载学习（图4）