【文件属性】：
文件名称：用CSS3美化半个字符巧妙方法
文件大小：36KB
文件格式：RAR
更新时间：2022-09-12 11:38:20
CSS3教程
CSS不仅是一种技术，也是一种艺术，如果你运用的好，可以用它创造出各种神奇的效果，随着现代浏览器技术的进步，CSS3的革新，也给了程序员更大的空间和可能性来发挥自己的奇思妙想。在网上有很多常见的图形，比如在这个“HTML5技术秀：你的3D立体旋转名字”作品里，在左上角的菜单前面都有一个小图标，放在凡人眼里，它们肯定是个图片，找美工做个图，又省事，又快捷，但如果你仔细研究就会发现，它们不是图片， 是用纯CSS画出来的，只有有艺术感的Web程序员才能做出这样的事情。
最近网上热炒的一个话题是如何用CSS美化半个字符。就是把一个字符劈成两半，一半是A样式，一半是B样式。当然，大家都知道，不论是中文字符还是西文字符，单个字符否是无法拆分的，它们是文字的最新单元，如果是美化半个词或半个句子，这估计大家都知道如何做，也很常见。但半个字符如何美化呢？当然有办法，这里需要的就是艺术。
先看看需要的效果图。
左边是一种颜色，右边是一种颜色。如果是用图片做，这当然很容易，但图片有图片的局限性，比如不能动态的生成字符样式。下面我们就来看看用纯CSS如何实现这样的效果。
CSS美化半个[......]
阅读全文>>
【文件预览】：
css3-full-animated-menu
----index.html(2KB)
----scss()
--------style.scss(2KB)
----js()
--------prefixfree.min.js(6KB)
--------index.js(201B)
----config.rb(752B)
----css()
--------nasty_fabric.png(30KB)
--------style.css(2KB)