前言：
此刻大家对“css向左箭头”可能比较看重，咱们都需要学习一些“css向左箭头”的相关内容。那么小编也在网上搜集了一些关于“css向左箭头””的相关文章，希望看官们能喜欢，小伙伴们一起来了解一下吧！我们经常看见某些元素会上上下下，比如箭头的指引效果，这个CSS3就可以完成此动作，简单好用，亲测。
@-webkit-keyframes bounce-down {
25% {
-webkit-transform: translateY(-10px);
}
50%, 100% {
-webkit-transform: translateY(0);
}
75% {
-webkit-transform: translateY(10px);
}
}
@keyframes bounce-down {
25% {
transform: translateY(-10px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(10px);
}
}
.animate-bounce-down{
-webkit-animation: bounce-down 1.5s linear infinite;
animation: bounce-down 1.5s linear infinite;
}
@-webkit-keyframes bounce-up {
25% {
-webkit-transform: translateY(10px);
}
50%, 100% {
-webkit-transform: translateY(0);
}
75% {
-webkit-transform: translateY(-10px);
}
}
@keyframes bounce-up {
25% {
transform: translateY(10px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-10px);
}
}
.animate-bounce-up{
-webkit-animation: bounce-up 1.4s linear infinite;
animation: bounce-up 1.4s linear infinite;
}
运用
<div class="animate-bounce-up"></div>
--------------------------------
来源：切图网（qietu.com）始于2007年，专注web前端开发、培训。
