css3外发光效果怎么做

现在html5和css3已经和多网站在用了，下面小编就来介绍一下css3外发光效果怎么做，一起来了解一下吧。

操作方法

  • 01

    首先来讲一下css3发光效果分为两种，一种是元素外发光，一种是文字外发光，对应的属性名称分别为box-shadow和text-shadow。 语法： box-shadow: h-shadow v-shadow blur spread color inset; text-shadow: h-shadow v-shadow blur color;

  • 02

    然后我们新建一个html文档，小编用的是sublime text3，用html5文档类型。

  • 03

    然后写好主要的css和html结构，小编用的白色阴影黑色背景，看的清楚一些。

  • 04

    用浏览器打开看一下效果，注意要用现代浏览器，因为IE8及以下浏览器不支持css3，IE9不支持text-shadow。

  • 05

    文字外发光写法类似，效果如图。

  • 06

    利用css3可以做出很多酷炫的效果。

赞 (0)

相关推荐

  • 如何在Photoshop中制作外发光效果的文字？

    如何在Photoshop中制作外发光效果的文字？

    相信很多小伙伴都有在使用Photoshop,在其中如何才能制作外发光效果的文字呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"Photoshop".进入 ...

  • 霓虹灯效果制作（ppt霓虹灯灯效果怎么做）

    霓虹灯效果制作（ppt霓虹灯灯效果怎么做）

    不知道大家有没有见过这张图?这张图是苹果之前开开发者大会时候的一张海报,不仅如此,为了能够保持与主视觉保持一致,他们的PPT的设计整体上都采用了这样的风格:使用霓虹灯不仅能在视觉上保持风格的一致,还让 ...

  • ps玻璃效果怎么做?

    在人们的印象中,玻璃总是一种透明.半透明的东西,透过玻璃看到的是一种非朦胧又近似朦胧的世界.试想一下把照片也制作成玻璃的效果,似乎也是一种好想法,既然有想法就付诸行动,今天要讲的便是制作玻璃效果,那么 ...

  • ppt动画效果怎么做 ppt创意设计

    ppt动画效果怎么做?ppt创意设计,需不需要ppt动画效果模板,ppt动画.ppt 动画,ppt动画制作教程有哪些, 这都是初学ppt制作者心中的疑问,ppt动画效果怎么做 ppt创意设计?那么下面 ...

  • 怎样使用PS中的外发光效果？

    下面介绍在PS中添加外发光效果的方法,希望本指南能帮到大家. 操作方法 01 新建一个文档,进入到PS操作界面中. 02 在图层面板这里,新建一个空白图层. 03 鼠标点击前景色的色块,调出拾色器,设 ...

  • 线条三维文字效果怎么做

    线条三维文字效果是一种普遍应用在平面海报或者是banner中的一种文字效果,利用单个文字来制作一种三维感觉的效果,简洁却不简单,很多人都喜欢这种风格, 那么线条三维文字效果怎么做呢? 操作方法 01 ...

  • 玻璃效果怎么做

    玻璃效果就是可以在图片上制作一些像玻璃一样的效果,就是一种透明.半透明的,透过玻璃看到的是一种非朦胧又近似朦胧效果.那么玻璃效果怎么做,下面一起来看看. 操作方法 01 大考软件,新建一个图层并填充为 ...

  • ps烟雾效果怎么做 如何做烟雾效果

    烟雾这个东西我们并不少见,是一种看得见,摸得着却抓不住的东西,有时候会发现烟雾其实也另有一番美感.在很多的照片上面都会看到这种烟雾的效果,远看近看都似若有若无,一种朦胧美.那么这种图片效果其实是可以制 ...

  • axure怎么做滑动效果? axure做手机触摸屏幕滑动效果的方法

    单是简单的滑动效果很简单,但要做到逼真的效果,还是要注意一些细节,比如滑动时超过了临界点该做怎么样的交互等.现在教大家怎么弄,教程后面会放上需注意的细节总结 1.首先创建所需要的元器件:(括号里注明元 ...