常用Html特效

适应移动端meta标签

<meta name="viewport" content="width=device-width,maximum-scale=1.0,initial-scale=1.0,user-scalable=no">

自定义颜色复选框

主要使用prettify.js的复选框效果

<!DOCTYPE html>  
<html lang="zh">  
<head>  
<meta charset="UTF-8">  
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  
<title>CSS3单选多选按钮美化特效 - 站长素材</title>  
  
<link async rel="stylesheet" href="https://cdn.materialdesignicons.com/1.8.36/css/materialdesignicons.min.css">  
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.js"> </head>  
<body>  
  
<div class="container">  
   <h3>checkbox的颜色</h3>  
   <div class="pretty primary">  
     <input type="radio" name="radio">  
     <label><i class="mdi mdi-check"></i> Primary</label>  
   </div>   <div class="pretty success">  
     <input type="radio" name="radio">  
     <label><i class="mdi mdi-check"></i> Success</label>  
   </div>  
</div>  
</body>  
</html>

video标签视频指定帧作为预览图

video里的preload=“metadata”，在地址的后面+#t=1（1是1秒的意思）

示例： <video preload=“metadata” src="视频url#t=1" controls=""></video>