css文字特效

在前端开发中,对于文字的效果一般都是只用来展示信息,也不会做特殊处理,而有的时候我们需要一些看起来有特效的文字,那么就需要用图片或者背景图来代替了,而使用css代码同样也能做出一些有特效的文字,具体来看一下:

html结构如下:

css结构如下:

效果如下:

这几种效果都是通过css的属性来间接达到文字的效果,同时有的是新属性,所以这些效果在ie浏览器是不兼容的,而工作中我们要使用特效文字时一般也是通过图片来代替的,但是了解这些css属性对我们来说也是很有帮助的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML代码: Rabbit CSS代码:body { background: #0f93c4;}h1 { c...
    德育处主任阅读 1,563评论 0 6
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,606评论 0 7
  • 1.行内元素和块级元素?img算什么?行内元素怎么转化为块级元素? 行内元素:和有他元素都在一行上,高度、行高及外...
    极乐君阅读 2,452评论 0 20
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0 8
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,478评论 0 25