Cool light rolling effect and light rolling effect
Today, I saw a foreign website have such an effect. I'm curious about how to implement it. I 've studied how to achieve it. It's cool and I don't need any pictures.
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>
When an XP record is rolled, there is a white light.
If there is a color line on the display, the first consideration is the video card problem. First, check whether the connection line from your video card to the monitor is loose to see if the graphics card fan is running normally (ignore the heat sink ).
Or the monitor is faulty. However, as you said, the 8600GT video card won't be white-lined, so make sure that there is a problem with your video card. Just change the video card.
Geshi 4 does not respond after the screen scroll effect is turned on. All the settings are set.
Thank you for using Samsung products!
Follow these steps to check your attempt:
1. Smart scroll: Application-set-my devices-smart scroll-select tilt head/Tilt Device
2. Use the browser that comes with your mobile phone
3. the light or angle will also affect the smart rolling effect. We recommend that you select a place with good light to patiently wait for a try.
Welcome to the official website of Samsung Electronics for more information: support.samsung.com.cn