ps炫酷发光特效,发光炫酷头像

2020-11-12 阅读 漕鹏翼整理

内容简介:免费炫酷特效主题CSS3制作了很酷的自定义发光文本。本文共享一个基于纯CSS3的文本发光效果。当我们将鼠标移到文本上时,文本将模拟发光动画,显示非常酷的发光图片。另外,由于字...

CSS3制作炫酷的自定义发光文字。

本文为大家分享一款基于纯CSS3的文字发光特效,当我们将鼠标滑过文字时,文字就会模拟发光动画,展现出非常酷的发光画面。

另外,由于引用了特殊字体,所以整个文字效果看起来有着3D立体的特效,如果你的网络无法加载这些字体,可能是由于国外的这个网站被墙的缘故,就像google的字体库网址被屏蔽那样。

HTML代码XML/HTMLCode复制内容到剪贴板

    divid=containerpahref=#RED/a/ppahref=#BLUE/a/ppahref=#Yellow/a/ppahref=#GREEN/a/ppahref=#ORANGE/a/ppahref=#VIOLET/a/p/div
CSS代码CSSCode复制内容到剪贴板
    /*setup*/*{margin:0;padding:0;}@font-face{font-family:'Monoton';font-style:normal;font-weight:400;src:local('Monoton'),local('Monoton-Regular'),url(http://themes.googleusercontent.com/static/fonts/monoton/v4/AKI-lyzyNHXByGHeOcds_w.woff)format('woff');}@font-face{font-family:'Iceland';font-style:normal;font-weight:400;src:local('Iceland'),local('Iceland-Regular'),url(http://themes.googleusercontent.com/static/fonts/iceland/v3/F6LYTZLHrG9BNYXRjU7RSw.woff)format('woff');}@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('PacificoRegular'),local('Pacifico-Regular'),url(http://themes.googleusercontent.com/static/fonts/pacifico/v5/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff)format('woff');}@font-face{font-family:'PressStart';font-style:normal;font-weight:400;src:local('PressStart2P'),local('PressStart2P-Regular'),url(http://themes.googleusercontent.com/static/fonts/pressstart2p/v2/8Lg6LX8-ntOHUQnvQ0E7o3dD2UuwsmbX3BOp4SL_VwM.woff)format('woff');}@font-face{font-family:'Audiowide';font-style:normal;font-weight:400;src:local('Audiowide'),local('Audiowide-Regular'),url(http://themes.googleusercontent.com/static/fonts/audiowide/v2/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff)format('woff');}@font-face{font-family:'VampiroOne';font-style:normal;font-weight:400;src:local('VampiroOne'),local('VampiroOne-Regular'),url(http://themes.googleusercontent.com/static/fonts/vampiroone/v3/Ho2Xld8UbQyBA8XLxF1_NYbN6UDyHWBl620a-IRfuBk.woff)format('woff');}body{background-color:#222222;}#container{margin:auto;}/*neeeeoooon*/p{text-align:center;font-size:7em;margin:20px020px0;}a{text-decoration:none;-webkit-transition:all0.5s;-moz-transition:all0.5s;transition:all0.5s;}p:nth-child(1)a{color:#FF1177;font-family:Monoton;}p:nth-child(1)a:hover{-webkit-animation:neon11.5sease-in-outinfinitealternate;-moz-animation:neon11.5sease-in-outinfinitealternate;animation:neon11.5sease-in-outinfinitealternate;}p:nth-child(2)a{font-size:1.5em;color:#228DFF;font-family:Iceland;}p:nth-child(2)a:hover{-webkit-animation:neon21.5sease-in-outinfinitealternate;-moz-animation:neon21.5sease-in-outinfinitealternate;animation:neon21.5sease-in-outinfinitealternate;}p:nth-child(3)a{color:#FFDD1B;font-family:Pacifico;}p:nth-child(3)a:hover{-webkit-animation:neon31.5sease-in-outinfinitealternate;-moz-animation:neon31.5sease-in-outinfinitealternate;animation:neon31.5sease-in-outinfinitealternate;}p:nth-child(4)a{color:#B6FF00;font-family:PressStart;font-size:0.8em;}p:nth-child(4)a:hover{-webkit-animation:neon41.5sease-in-outinfinitealternate;-moz-animation:neon41.5sease-in-outinfinitealternate;animation:neon41.5sease-in-outinfinitealternate;}p:nth-child(5)a{color:#FF9900;font-family:Audiowide;}p:nth-child(5)a:hover{-webkit-animation:neon51.5sease-in-outinfinitealternate;-moz-animation:neon51.5sease-in-outinfinitealternate;animation:neon51.5sease-in-outinfinitealternate;}p:nth-child(6)a{color:#BA01FF;font-family:VampiroOne;}p:nth-child(6)a:hover{-webkit-animation:neon61.5sease-in-outinfinitealternate;-moz-animation:neon61.5sease-in-outinfinitealternate;animation:neon61.5sease-in-outinfinitealternate;}pa:hover{color:#ffffff;}/*glowforwebkit*/@-webkit-keyframesneon1{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#FF1177,0070px#FF1177,0080px#FF1177,00100px#FF1177,00150px#FF1177;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#FF1177,0035px#FF1177,0040px#FF1177,0050px#FF1177,0075px#FF1177;}}@-webkit-keyframesneon2{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#228DFF,0070px#228DFF,0080px#228DFF,00100px#228DFF,00150px#228DFF;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#228DFF,0035px#228DFF,0040px#228DFF,0050px#228DFF,0075px#228DFF;}}@-webkit-keyframesneon3{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#FFDD1B,0070px#FFDD1B,0080px#FFDD1B,00100px#FFDD1B,00150px#FFDD1B;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#FFDD1B,0035px#FFDD1B,0040px#FFDD1B,0050px#FFDD1B,0075px#FFDD1B;}}@-webkit-keyframesneon4{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#B6FF00,0070px#B6FF00,0080px#B6FF00,00100px#B6FF00,00150px#B6FF00;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#B6FF00,0035px#B6FF00,0040px#B6FF00,0050px#B6FF00,0075px#B6FF00;}}@-webkit-keyframesneon5{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#FF9900,0070px#FF9900,0080px#FF9900,00100px#FF9900,00150px#FF9900;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#FF9900,0035px#FF9900,0040px#FF9900,0050px#FF9900,0075px#FF9900;}}@-webkit-keyframesneon6{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#ff00de,0070px#ff00de,0080px#ff00de,00100px#ff00de,00150px#ff00de;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#ff00de,0035px#ff00de,0040px#ff00de,0050px#ff00de,0075px#ff00de;}}/*glowformozilla*/@-moz-keyframesneon1{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#FF1177,0070px#FF1177,0080px#FF1177,00100px#FF1177,00150px#FF1177;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#FF1177,0035px#FF1177,0040px#FF1177,0050px#FF1177,0075px#FF1177;}}@-moz-keyframesneon2{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#228DFF,0070px#228DFF,0080px#228DFF,00100px#228DFF,00150px#228DFF;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#228DFF,0035px#228DFF,0040px#228DFF,0050px#228DFF,0075px#228DFF;}}@-moz-keyframesneon3{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#FFDD1B,0070px#FFDD1B,0080px#FFDD1B,00100px#FFDD1B,00150px#FFDD1B;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#FFDD1B,0035px#FFDD1B,0040px#FFDD1B,0050px#FFDD1B,0075px#FFDD1B;}}@-moz-keyframesneon4{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#B6FF00,0070px#B6FF00,0080px#B6FF00,00100px#B6FF00,00150px#B6FF00;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#B6FF00,0035px#B6FF00,0040px#B6FF00,0050px#B6FF00,0075px#B6FF00;}}@-moz-keyframesneon5{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#FF9900,0070px#FF9900,0080px#FF9900,00100px#FF9900,00150px#FF9900;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#FF9900,0035px#FF9900,0040px#FF9900,0050px#FF9900,0075px#FF9900;}}@-moz-keyframesneon6{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#ff00de,0070px#ff00de,0080px#ff00de,00100px#ff00de,00150px#ff00de;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#ff00de,0035px#ff00de,0040px#ff00de,0050px#ff00de,0075px#ff00de;}}/*glow*/@keyframesneon1{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#FF1177,0070px#FF1177,0080px#FF1177,00100px#FF1177,00150px#FF1177;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#FF1177,0035px#FF1177,0040px#FF1177,0050px#FF1177,0075px#FF1177;}}@keyframesneon2{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#228DFF,0070px#228DFF,0080px#228DFF,00100px#228DFF,00150px#228DFF;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#228DFF,0035px#228DFF,0040px#228DFF,0050px#228DFF,0075px#228DFF;}}@keyframesneon3{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#FFDD1B,0070px#FFDD1B,0080px#FFDD1B,00100px#FFDD1B,00150px#FFDD1B;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#FFDD1B,0035px#FFDD1B,0040px#FFDD1B,0050px#FFDD1B,0075px#FFDD1B;}}@keyframesneon4{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#B6FF00,0070px#B6FF00,0080px#B6FF00,00100px#B6FF00,00150px#B6FF00;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#B6FF00,0035px#B6FF00,0040px#B6FF00,0050px#B6FF00,0075px#B6FF00;}}@keyframesneon5{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#FF9900,0070px#FF9900,0080px#FF9900,00100px#FF9900,00150px#FF9900;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#FF9900,0035px#FF9900,0040px#FF9900,0050px#FF9900,0075px#FF9900;}}@keyframesneon6{from{text-shadow:0010px#fff,0020px#fff,0030px#fff,0040px#ff00de,0070px#ff00de,0080px#ff00de,00100px#ff00de,00150px#ff00de;}to{text-shadow:005px#fff,0010px#fff,0015px#fff,0020px#ff00de,0035px#ff00de,0040px#ff00de,0050px#ff00de,0075px#ff00de;}}/*REEEEEEEEEEESPONSIVE*/@media(max-width:650px){#container{width:100%;}p{font-size:3.5em;}}
以上就是本文的全部内容,希望对大家的学习有所帮助。

作者给您推荐的内容
  1. 今天小编要和大家分享的是电脑如何给微信发送视频及如何观看,希望能够帮助到大家。01、首先在我们的电脑桌面上找到微信并点击它,如下图所示。02、然后点击登录,如下图所示。03、接着在...

  2. 三星的可折叠屏随着全屏幕的出现,三星开始将手机进化的方向转向折叠式屏幕。最近,三星的可折叠手机再次爆出新信息。三星的可折叠手机采用7.3英寸屏幕,可以像之前所说的左右...

  3. 今天小编要和大家分享的是如何利用爱剪辑压缩视频大小,希望能够帮助到大家。01、首先在我们的电脑桌面上找到爱剪辑并点击它,如下图所示。02、然后点击添加视频,如下图所示。03、接着双...

  4. 随着科学技术的发展,越来越多的工作可以用计算机来完成。如果您想快速删除Excel中多余的重复项,如何删除?接下来,让我告诉你。第一步是在计算机上找到exc怎么将excel文档中多余的重复项删...

  5. 我们设计数据库之前一般都会使用PowerDesign进行建模,那么如何操作呢?下面小编给大家演示分享一下。01、首先打开PowerDesign软件,点击顶部的File菜单,选择下拉菜单的New选项,如下图所示02、接...

  6. 电脑强制刷新快捷键哪一个是强制页面刷新的快捷键?很多人都在问,强制刷新的快捷键是哪一个?360浏览器刷新的快捷键是什么?强制刷新可以让我们得到很多便利,所以让我们来看...

  7. 手机是现代人的必备物品之一,那么大家知道手机上网很卡应该怎么办呢?接下来这篇指南将告诉你答案。01、手机上网很卡首先要检查一下手机网络是否通畅,如果网速较慢的话,手机上网自然会...

  8. ps蒙版抠头发图1:将头发与纯色背景分开图2:从菜单栏中选择一个过滤器/提取图3:单击边缘高亮工具(界面左侧的第一个图标,类似于笔头)图4:调整画笔大小(单击符号,然后调整...

  9. 如果我们是一名自由工作者,那么在家通过电脑办公的时候,很多人会一直开着音乐,这样就能让自己置身于一种唯美的环境当中,同样的手机也可以这样设置,我们以网易云音乐为例,我们可以...

  10. 明日之后怎么修复武器呢?下面就跟大家分享一下明日之后修复武器的方法,希望能帮助到大家。01、玩家想要修复武器,需要找到【家用修理台】。首先你要找到家具店,也就是101第一个路口,左...