我有滚动的云,但我需要通过检测系统时钟来进行黎明/黄昏和昼/夜循环.我不确定如何使用html或css检测系统时间.
我尝试过渡延迟,但它不起作用.
* {
margin: 0;
padding: 0;
}
body {
overflow: hidden;
}
#clouds {
padding: 100px 0;
background: #c9dbe9;
background: -webkit-linear-gradient(top, #c9dbe9 0%, #fff 100%);
background: -linear-gradient(top, #c9dbe9 0%, #fff 100%);
background: -moz-linear-gradient(top, #c9dbe9 0%, #fff 100%);
}
.cloud {
width: 200px;
height: 60px;
background-color: #fff;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
position: relative;
}
.cloud:before,
.cloud:after {
content: '';
position: absolute;
background: #fff;
width: 100px;
height: 80px;
position: absolute;
top: -15px;
left: 10px;
border-radius: 100px;
-moz-border-radius: 100px; …我想在每次加载turbolinks(即加载页面)时执行几行js,而不是从缓存中执行js,但是每次都要在turbolinks加载事件之前强制运行它.那可能吗？
我试图通过隐藏html主体并在app.js.coffee中执行此操作来摆脱FOUC
$(document).on 'turbolinks:load', ->
document.body.style.visibility = 'visible'
但是在重新加载页面的第3或第4次之后,FOUC开始启动.
要查看此动态,请访问该网站.
我只是不能让这个道路图像水平重复,它不是背景图像,我坚持这个.
https://jsfiddle.net/gcetx8kh/
HTML:
<img id="rd" src="http://us.cdn3.123rf.com/168nwm/eriksvoboda/eriksvoboda1411/eriksvoboda141100036/33498305-asphalt-road-texture-with-white-and-yellow-stripes.jpg">
CSS:
#rd {
position: absolute;
height: 50px;
width: 50px;
top: 300px;
background-repeat: repeat-x;
}