CSS3左右摆动效果

作者: 钱段工程师 | 来源:发表于2019-12-08 22:08 被阅读0次

<!DOCTYPE html>

<head>

<style>

.animate-1 {

width: 40px;

height: 40px;

background-color: red;

margin: 100px auto;

animation: swing1 1s ease-in-out infinite;

transform: rotate(-5deg);

transform-origin: top center;

}

@keyframes swing1 {

0% { transform: rotate(-5deg); }

50% { transform: rotate(5deg);}

100% { transform: rotate(-5deg);}

}

</style>

</head>

<body>

</div>

</body>

</html>

cv工程师

CSS3左右摆动效果
.animate-1 { width: 40px; height: 40px; b...
老年大学｜柔力球基础技术教学·左右摆动（二）
教学内容：左右摆动教学目标：左右摆动是一个开口向上的弧形。摆动分为大弧度摆动，小弧度摆动，开立步摆动和左右并步摆...
左右摆动的范围说
期末考试备考阶段复习专业科目时，发现，弹簧有弹性限度，低碳钢和铸铁都会有抗拉抗压强度、抗扭强度等等，就是说操作时候...
css左右摆动动画
http://blog.csdn.net/yu2015java/article/details/78637877?...
CSS3左右滑动箭头分页效果
来源：http://itssh.cn/post/949.html 效果：来源：http://itssh.cn/p...
web前端面试提问总结：
学过CSS3吗？CSS3的新增特性有哪些？主要是文本效果、边框、图片、字体、背景效果、阴影效果、色彩类： RGB...
图标左右摇摆动画
- (void)viewDidLoad { [superviewDidLoad]; // Do any addit...
仿抖音滑屏应用开发
滑屏应用开发 JavaScript 和 CSS3 来实现单页面应用的滑屏效果，包括上下滑屏、左右滑屏，以及局部元素...
CSS3之变形
一、CSS3变形简介 CSS3变形是一些效果的集合，比如平移、旋转、缩放和倾斜效果，每个效果都称为变形函数（Tra...
CSS3 Transform——transform-origin
关于css3变形 CSS3变形是一些效果的集合，比如平移、旋转、缩放和倾斜效果，每个效果都被称作为变形函数（Tra...