巧用CSS制作艺术字
巧用CSS制作艺术字 ::..
|
如果灵活应用CSS各种滤镜的特点并加以组合,我们可以得到许多意想不到的效果。这是一些效果示范,供各位参考。 |
用blur滤镜做出的效果,代码如下: |
用dropshadow滤镜做出的效果,代码如下: |
用glow滤镜做出的效果,代码如下: |
这个效果用到了两种滤镜:shadow和alpha,代码如下: |
这个效果也用到两个滤镜mask和shadow,代码如下: 注意:mask的颜色要和网页背景色一致,字体的颜色由shadow决定。 |
如果说上面的效果是阴文的话,那么这个效果的应该算是阳文了,用两个滤镜实现mask和dropshadow,注意mask的颜色要和网页背景色一致,或者把mask和chroma成对使用,也可达到同样效果。代码如下: |
用glow滤镜可以做空心字,方法是将字体颜色设置为背景色,再将glow滤镜的strenght的值设置为1或2即可。这个效果的代码如下: |
|
|||
如果背景采用图片,为了能达到满意的效果需要将mask和chroma组合使用,这样能使字体感觉是透明的,让背景透出来。
上面列出的效果前者的代码是: 中间的代码是: 后者的代码是: |
|
|
这个效果的代码: FILTER: glow(strength=4)mask(color=#E1E4EC) |
巧用CSS制作艺术字相关推荐
- HTML怎么设艺术字体,用CSS设计艺术字集锦(二)
网页特效代码|JsCode.CN|---用CSS设计艺术字集锦(二) FONT-SIZE: 12px; FILTER: DropShadow(Color=#213C63, OffX=1, OffY=1 ...
- 用CSS设计艺术字集锦
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- 巧用CSS background-image属性制作图形背景
先看一张广告图,这是我们平时在浏览网页的时候,经常见到的一种文字广告设计,在文字周围绕着白色线条,我想大多数设计师可能就直接在ps中画一个png图片,再用css background-image 背景 ...
- 计算机等级考试office2007,计算机等级考试:WPS巧借Office2007制作描红字帖
为了帮助广大考生更好的复习,帮考网小编整理提供了计算机等级考试:WPS巧借Office2007制作描红字帖,以供各位考生复习参考,希望对考生复习有所帮助. 由于工作的需要,一般电脑中都同时安装有Mic ...
- 纯CSS制作的图形效果
纯CSS制作的图形效果 很少会有人意识到,当浏览器绘制的border,会有一个角度的问题.我们就是得用这样的一个技巧来制作三角的效果.我们只需要保证一边的边框是有色,其他边框色为透明色,这样我们就很容 ...
- 如何用CSS制作横向菜单?
管在我的网站和文章里都有提到CSS制作菜单的方法,但很多初学者还是不太清楚如何实现,以及实现原理,我想专门写一篇详细教程会对大家比较有帮助. 我们先来看一个菜单的例子,最终效果是: 首页 产品介绍 服 ...
- html语言制作留言条,利用DIV+CSS制作右下角弹出留言板
/p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 利用DIV+CSS制作右下角弹出留言板 a ...
- html中多边形图形怎么制作,CSS制作图形速查表
前面在<纯CSS制作的图形效果>一文中介绍了十六种CSS画各种不同图形的方法.今天花了点时间将这方面的制作成一份清单,方便大家急用时有地方可查.别的不多说了,直接看代码. 为了节省时间,下 ...
- css制作漂亮彩带导航条菜单
点击这里查看效果: http://keleyi.com/keleyi/phtml/divcss/17.htm 效果图: 以下是源代码: 1 <!DOCTYPE html PUBLIC " ...
最新文章
- 【计算机本科补全计划】Mysql 学习小计(2)
- hadoop遇到的问题及处理
- linux 网卡驱动 优化,Linux多核环境网卡驱动优化研究①.PDF
- 数据状态什么是事务?
- fineui中前端自定义函数
- 安卓毕业设计- Android计算器
- 三星8核S5P6818 核心板(ARM Cortex-A53架构)
- 2011年-2019年华东地区产业发展、人口以及平均工资简析
- 用python爬取链家的租房信息
- 智能厨房监控系统设计
- 在大学学什么? 学思维方法!什么是知识结构化?
- 什么时候可以重用我~
- table表格锁定任意数量列或行
- 绝地求生服务器维护需要多久,绝地求生8月4日更新到几点?绝地求生维护一次需要多长时间?...
- 淘宝直播赚佣金项目玩法
- DBG、DMB、DSB 和 ISB
- 投资,不能也不想做的太复杂
- 准确率和召回率(precisionrecall)
- 计算机科学与技术有关参考文献,计算机科学与技术毕业论文参考文献示例
- 中标麒麟 7 操作系统下安装达梦数据库