鍍金池/ 問答/HTML5  Java  HTML/ css3小動畫實(shí)現(xiàn)疑問

css3小動畫實(shí)現(xiàn)疑問

想要實(shí)現(xiàn)一個(gè)類似公告滾動的動畫，重要的一點(diǎn)是想讓動畫接近尾部的時(shí)候，頭部再次出現(xiàn)，也就是視口同時(shí)顯示頭部和尾部，但是保留一定的距離，我嘗試用了兩個(gè)div但是會有重疊，求用css3如何實(shí)現(xiàn)
另外一個(gè)問題：
假如我這個(gè)滾動的內(nèi)容不固定長度，我想讓它滾動到尾部停止，dome里面寫最后一幀是固定的值，如果文字變多還需要改變固定值這里該如何寫可以適應(yīng)不固定長度的文案
jsfiddle 鏈接

回答
編輯回答
陌顏
.roll-inner2 {
  animation: roll 8s infinite linear;
  animation-delay: 4s;
}

animation-delay這個(gè)改下

2017年6月26日 21:37