建站技巧:教你纯CSS实现背景视觉差效果的方法教程!

皇族网 680 0

建站技巧:教你纯CSS实现背景视觉差效果的方法教程!-第1张图片-皇族网

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

核心代码:

background-attachmentfixed;

全部代码(完整):

positionrelative;

background-imageurl(image/xx.png);

background-positioncenter center;

background-repeatno-repeat;

background-attachmentfixed;

background-sizecover;

z-index1;

color#fff;

就是这样简单粗暴!!!

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


标签: 建站技巧

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~