前情：老闆說乙個好的員工都是讓甲方做選擇題而不是問答題。
今天需要上乙個公告，基於「前情」準備了三個版本。
第一版：橫向單條從右往左滾動。。。。。。
我們來嘍，我們來嘍，歡迎來到我的直播間！
我們來嘍，我們來嘍，歡迎來到我的直播間！
.hornotice
.hornotice .hormove
.hornotice .hormove .item
@keyframes moveanihor
50%
100%
}
種草成功，點小心心！
種草成功，點小心心！
.hornoticetwo
.hornoticetwo .hormovetwo .item
.hornoticetwo .hormovetwo .item:nth-child(1)
.hornoticetwo .hormovetwo .item:nth-child(2)
@keyframes moveani
50%
75%
100%
}@keyframes moveani2
50%
75%
100%
}
omg
！也太好看了吧！美們
，買它！
.vernotice
.vernotice p
@keyframes anim1
50%
100%
}
純css3實現文字間歇滾動效果
場景 假設有4條資料或者標題，視口中只顯示兩條，採用每次向上滾動一條資料來展示所有的資料。效果如圖 主要用到了css3的兩個屬性 framekeys和animation 通過 keyframes 規則，能夠建立動畫。建立動畫的原理是，將一套 css 樣式逐漸變化為另一套樣式。animation能夠將...
純CSS3實現的標籤效果
1.效果分析 純css3實現的標籤效果，如圖1所示，看看demo。該標籤主要有三個部分組成，左側的三角形 右側的圓角矩形和文字前面的小圓點。重點在左側三角形和文字前面圓點的實現。2.技術難點 三角形利用寬和高為零的元素的邊框實現。將邊框設定為12px solid transparent，然後將右側邊...
純CSS3實現的標籤效果
1.效果分析 純css3實現的標籤效果，如圖1所示，看看demo。該標籤主要有三個部分組成，左側的三角形 右側的圓角矩形和文字前面的小圓點。重點在左側三角形和文字前面圓點的實現。2.技術難點 三角形利用寬和高為零的元素的邊框實現。將邊框設定為12px solid transparent，然後將右側邊...