用CSS3怎样制作立体字效果

 时间:2024-10-14 07:00:51

1、新建一个文本文档,将扩展名改为html。

用CSS3怎样制作立体字效果

2、右击新键的文本文档,选择打开方式,记事本。以记事本格式打开。

用CSS3怎样制作立体字效果

3、输入图片中的代码,建立一个html页面。

用CSS3怎样制作立体字效果

4、输入<p class="p1 font2" i蟠校盯昂d="effect2">立体字</p>添加主体内容。

用CSS3怎样制作立体字效果用CSS3怎样制作立体字效果

5、输入下面这段代码为文本添加样式。p{ color:#fff907; pa蟠校盯昂dding:100px; margin:0; font:100px "隶书"; }

用CSS3怎样制作立体字效果用CSS3怎样制作立体字效果

6、在花括号中输入text-shadow:0px 0px 0px #e2d83c,1p垓矗梅吒x 1px 0px #e2d83c,2px 2px 0px #e2d83c,3px 3px 0px #e2d83c,4px 4px 0px #e2d83c,5px 5px 0px #e2d83c;产生立体字效果。

用CSS3怎样制作立体字效果用CSS3怎样制作立体字效果

7、在text-shadow最后继续输入10px 5px 30px #e4e2ba,为文本添加阴影效果。

用CSS3怎样制作立体字效果用CSS3怎样制作立体字效果

8、向花括号添加transform:skew(10deg,5deg);文本产生斜效果。

用CSS3怎样制作立体字效果用CSS3怎样制作立体字效果

9、完成。

  • 2013清单计价规范建筑面积简便记忆法
  • js如何实现3d饼状图
  • 如何快速还原Word中的图片大小?
  • 《忘仙》刷宝地图攻略
  • VC中各种工程结构的区别
  • 热门搜索
    母爱是什么仿写句子 转向辅助灯是什么意思 suv什么意思 bs是什么意思 考研复试考什么 分数单位是什么 言不由衷是什么意思 企鹅病是什么病 学习是为了什么 剧透是什么意思