博客之家
  • 博客首页
  • 博客導航
  • 好文分享
  • 文章投稿
  • 给我留言
首页 未分类 正文

纯CSS实现背景视觉差效果的方法

博客之家 2017-09-16 19:52 未分类 阅读 5.02w

大家经常都会看到,一些HTML5+CSS3实现的企业站都有很酷的背景视觉差效果,就是背景跟随着网页背景进行移动,反正就是个很酷的效果,废话不多说,看代码。



核心代码:

background-attachment: fixed;



全部代码(完整):

position: relative;

background-image: url(image/xx.png);

background-position: center center;

background-repeat: no-repeat;

background-attachment: fixed;

background-size: cover;

z-index: 1;

color: #fff;



就是这样简单粗暴!!!



快来为你背景添加效果吧!

文章作者:博客之家
文章標題:纯CSS实现背景视觉差效果的方法
文章鏈接:https://www.likinming.com/2566.html
本站所有文章除特別聲明外,均採用 CC BY-NC-SA 4.0 許可協議,轉載請註明來自博客之家 !

📚 推荐阅读

  • 十大致癌食物和治疗癌症药方
  • 且让快递飞一会
  • 个人网站如何做简单SEO优化
  • 别让金钱拖累幸福
  • 浅谈幸福人生
  • 未來窮人
  • 愛到深處是無言,情到濃時是眷戀
  • 防止网页被嵌入框架代码

生活是自己的
« 上一篇 2017-09-17
网站内容优化4大技巧
下一篇 » 2017-09-16

发表评论

请输入验证码
还没有评论, 告诉我们你的想法

搜尋有價值的

热门文章

  • TOP1
    博客之家今天正式上線
    14年前 202.38w
  • TOP2
    博客之家导航源码分享
    13年前 102.62w
  • TOP3
    李明的鲜果店
    9年前 87.76w
  • TOP4
    iPhone6 ios8不显示通话记录处理方法
    12年前 60.42w
  • TOP5
    给我们投稿
    14年前 56.85w
  • TOP6
    超级SEO外链工具源码分享
    14年前 52.06w
  • TOP7
    超级SEO外链工具
    14年前 40.03w
  • TOP8
    我的人生我作主——李明
    13年前 39.83w
  • TOP9
    腾讯电脑管家误报网站的申诉方法
    9年前 34.42w
  • TOP10
    博客之家改版成功
    14年前 29.41w
  • TOP11
    利用:before选择器给你的网站Logo添加扫光特效
    11年前 27.87w
  • TOP12
    多做运动的好处
    13年前 24.61w

最新评论

  • 博客之家5 个月前
    藏福守心,遠離是非,日子平穩,歲月安康
  • 张赛博客6 个月前
    有时候,错误的路上,努力越多,反而是沉没...
  • atmp1 年前
    心安即是归处
  • 博客之家1 年前
    @Eps工具网:Hi,午安...
  • Eps工具网1 年前
    早晨起来
  • Eps工具网1 年前
    来逛逛
  • Eps工具网1 年前
    Eps工具网
  • 今日头条新闻2021-07-01 17:33
    文章不错交个朋友
  • 栾。2021-05-04 22:59
    看看
  • 夏草2021-02-22 10:27
    远古外星人 (2009-2019)史前...

友情連結

  • A TECH ONE
  • EPS工具網
  • 2W工具網
  • 小杰工具箱
  • 舍力博客
  • 提交收錄
Copyright © 2026 博客之家 版權所有
關於本站| 免責聲明| sitemap| 簡體| 繁體
内容受版权保护,禁止复制!