很酷的光線滾動效果，光線滾動效果

很酷的光線滾動效果，光線滾動效果

今天看到一個國外的網站有這麼個效果，很好奇如何?的，研究了一番，將效果實現了，很酷，不用任何圖片

http://abemedia.co.uk/content-management-systems-cms

<style type="text/css">    @-webkit-keyframes rotate1 {        from { -webkit-transform: rotate(0deg); }        to{ -webkit-transform: rotate(20deg); }    }</style><div style="height: 1000px; background-color: #23869D; overflow: hidden;">    <div style="padding-top:2180px; margin:-2000px 0 0 -2000px; width:4000px; height: 4000px;-webkit-animation-name: rotate1; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;box-sizing: border-box;">    <div style="border-width:180px 2000px;box-sizing: border-box; margin:-360px 0 0 0; -webkit-transform: rotate(20deg); width: 0; height: 0; border-style:solid; border-color:transparent rgba(255,255,255,.1);"></div>    <div style="border-width:180px 2000px;box-sizing: border-box; margin:-360px 0 0 0; -webkit-transform: rotate(40deg); width: 0; height: 0; border-style:solid; border-color:transparent rgba(255,255,255,.1);"></div>    <div style="border-width:180px 2000px;box-sizing: border-box; margin:-360px 0 0 0; -webkit-transform: rotate(60deg); width: 0; height: 0; border-style:solid; border-color:transparent rgba(255,255,255,.1);"></div>    <div style="border-width:180px 2000px;box-sizing: border-box; margin:-360px 0 0 0; -webkit-transform: rotate(80deg); width: 0; height: 0; border-style:solid; border-color:transparent rgba(255,255,255,.1);"></div>    <div style="border-width:180px 2000px;box-sizing: border-box; margin:-360px 0 0 0; -webkit-transform: rotate(100deg); width: 0; height: 0; border-style:solid; border-color:transparent rgba(255,255,255,.1);"></div>    <div style="border-width:180px 2000px;box-sizing: border-box; margin:-360px 0 0 0; -webkit-transform: rotate(120deg); width: 0; height: 0; border-style:solid; border-color:transparent rgba(255,255,255,.1);"></div>    <div style="border-width:180px 2000px;box-sizing: border-box; margin:-360px 0 0 0; -webkit-transform: rotate(140deg); width: 0; height: 0; border-style:solid; border-color:transparent rgba(255,255,255,.1);"></div>    <div style="border-width:180px 2000px;box-sizing: border-box; margin:-360px 0 0 0; -webkit-transform: rotate(160deg); width: 0; height: 0; border-style:solid; border-color:transparent rgba(255,255,255,.1);"></div>    <div style="border-width:180px 2000px;box-sizing: border-box; margin:-360px 0 0 0; -webkit-transform: rotate(180deg); width: 0; height: 0; border-style:solid; border-color:transparent rgba(255,255,255,.1);"></div>    </div></div>

XP條滾動的時有一道白光線

如果在顯示器上出現色線，首先考慮的是顯卡問題。首先檢查一下你顯卡到顯示器的連接線是否鬆動，看顯卡風扇是否運行正常（散熱片的請忽略）。
或者是顯示器出現故障了。但按你說的用8600GT顯卡不會出現白線，那就確定是你的顯卡有問題，更換顯卡就好了
 
蓋世4螢幕滾動效果開啟後沒反應，該設定的都設定好了，解

　　您好，感謝使用三星產品！
根據描述，您可以按照以下操作檢查嘗試：
1. 智能滾動：應用程式-設定-我的裝置-智能滾動-選擇傾斜頭部/傾斜裝置
2.使用手機內建瀏覽器
3.光線或角度也會影響智能滾動的效果，建議您選擇在光線較好的地方耐心等待嘗試

歡迎您訪問三星電子官網瞭解更多內容：support.samsung.com.cn