Hans小镇
    mhans.cn

用CSS美化你的网页

CSS3规范让前端开发人员能够创建出各种复杂的视觉效果,使网站更好看,更能够吸引用户访问。这篇文章中,我整理了一组实用的 CSS3技巧,能够帮助你美化您的网站,并给它一个更专业的外观和感觉。

1.动态网站标题栏

细心的读者可能会发现Hans小镇的标题栏会自己变化啦 是不是很吸引你的目光

因为有可能影响网站收录 已撤下 使用时请三思

只需要把下面的js代码添加到header就可以了 你也可以自行更改要显示的文字

2.页面内动态鼠标

经常清除浏览器缓存的读者一定会发现Hans小镇页面内鼠标会自动变化 是不是很可爱呢

在css中添加下面的代码就可以实现更换鼠标了 当然要先清除浏览器缓存才会生效

3.黑白图像

下面的 CSS 代码能够把彩色图像转变成黑白风格

4.页面顶部阴影

下面这个简单的 CSS3 代码片段可以给网页加上漂亮的顶部阴影效果

5.文本渐变

文本渐变效果很流行,使用 CSS3 能够很简单就实现

6.盒子效果

下面的代码可以实现一个漂亮的盒子效果

7.模糊文本

简单但很漂亮的文本模糊效果,简单又好看

8.自定义滚动条

过去一直都只有 IE 才能设置滚动条样式,现在好了,Webkit 也提供了设置滚动条的属性

9.禁用鼠标事件

CSS3 新增的 pointer-events 让你能够禁用元素的鼠标事件,例如,一个连接如果设置了下面的样式就无法点击了。

10.CSS3 calc() 的使用

calc() 用法类似于函数,能够给元素设置动态的值

技术支持:浅恋资源 心叶博客

打赏作者
谢谢你哦 么么哒(づ ̄ 3 ̄)づ

您的支持将鼓励我们继续创作!

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

正在跳转到PayPal...
未经允许不得转载:方寸之间 » 用CSS美化你的网页

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    哈哈哈 这些简单的美化还是不错的,顶顶

    1231年前 (2017-08-06)回复