CSS3健身计划列表布局特效代码下载


CSS3健身计划列表布局特效代码下载
CSS3健身计划列表布局特效代码下载以及健身计划、列表布局等js/jquery网页特效代码下载。

1. 引入CSS

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css'>
<link rel="stylesheet" href="css/style.css">

2. HTML代码

<img class="lifter" src="svg/zzsc.svg" alt="">
<div class="workout-info">
	<h1>锻炼计划</h1>
	<ul>
		<li>
			<h2>
				1 <small>阶段</small> <i class="fas fa-arrow-right"></i> 50 <small>kg</small> <i class="fas fa-times"></i> 15 <small>reps</small> <i class="fas fa-check"></i>
			</h2>
		</li>
		<li>
			<h2>
				2 <small>阶段</small> <i class="fas fa-arrow-right"></i> 55 <small>kg</small> <i class="fas fa-times"></i> 12 <small>reps</small> <i class="fas fa-check"></i>
			</h2>
		</li>
		<li class="active">
			<h2>
				3 <small>阶段</small> <i class="fas fa-arrow-right"></i> 60 <small>kg</small> <i class="fas fa-times"></i> 10 <small>reps</small> <i class="fas fa-circle"></i>
			</h2>
		</li>
		<li>
			<h2>
				4 <small>阶段</small> <i class="fas fa-arrow-right"></i> 65 <small>kg</small> <i class="fas fa-times"></i> 8 <small>reps</small>
			</h2>
		</li>
	</ul>
</div>

相关推荐

发表评论

相关文章