https://www.layui.com/doc/element/anim.html
让一个笑脸图标旋转
要加 layui-anim
layui-anim后面加什么动画
<i class="layui-icon layui-anim layui-anim-rotate" style="font-size: 30px; color: #1E9FFF;"></i>
让一个笑脸图标循环旋转
那个笑脸会一直旋转
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="layui/css/layui.css" />
<script src="layui/layui.js"></script>
<script>
layui.use(['layer','form'],function(){
var layer=layui.layer,
form=layui.form;
})
</script>
</head>
<body>
<i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop" style="font-size: 30px; color: #1E9FFF;"></i>
</body>
</html>
动画可以放在图标,图片—
②按钮
https://www.layui.com/doc/element/button.html
<button type="button" class="layui-btn">一个标准的按钮</button>
<a href="http://www.layui.com" class="layui-btn">一个可跳转的按钮</a>
想要调整按钮的大小和颜色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="layui/css/layui.css" />
<script src="layui/layui.js"></script>
<script>
layui.use(['layer','form'],function(){
var layer=layui.layer,
form=layui.form;
})
</script>
</head>
<body>
<button type="button" class="layui-btn">一个标准的按钮</button>
<a href="http://www.layui.com" class="layui-btn">一个可跳转的按钮</a>
<button type="button" class="layui-btn layui-btn-sm layui-btn-danger">一个标准的按钮</button>
</body>
</html>
按钮组
<div class="layui-btn-group">
<button type="button" class="layui-btn">增加</button>
<button type="button" class="layui-btn">编辑</button>
<button type="button" class="layui-btn">删除</button>
</div>