开发者社区> 问答> 正文

想知道这个网站的效果怎么实现的?

网址:http://brightmedia.pl/?lang=en&site=intro

就是当我鼠标滚轮滑动的时候 页面中的线条会伸长 流动 我想知道这些效果的原理

展开
收起
杨冬芳 2016-06-08 14:34:35 1723 0
1 条回答
写回答
取消 提交回答
  • 这个是超链接陷下效果而已。 超链接的hover状态,通常可以改变颜色,增加或去除下划线等效果来提醒访客。而陷下效果是应用了position属性: position: relative; top:1px; left:1px; 这段代码的含义为,相对定位,距上部位移1象素,距左部位移1象素。我们可以将上面的代码加入到超链接的hover状态中,就实现了类似按钮陷下的效果。  下面的是例子: <style> A:link,A:visited ,A:active {TEXT-DECORATION: none} A:hover {text-decoration : none; position : relative; top : 1px; left : 1px} </style>  <A HREF=" http://www.baidu.com">百度啊这就是个例子</A>
    

    来源于网络,供您参考,如若满意,请点击右侧【采纳答案】,如若还有问题,请点击【追问】 希望我的回答对您有所帮助,望采纳! ~ O(∩_∩)O~

    2019-10-18 10:23:11
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
如何做微信小程序性能优化 立即下载
如何做小程序性能优化 立即下载
QQ移动页面框架优化实践 立即下载