平時工作中常用到的一些flex佈局技巧，先記錄一下
一、實現一個三角形 HTML:<div class="block"></div> CSS： .block{ width:0; height:0; border-right:50px solid transparent;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
box-shadow屬性可以設置一個或多個下拉陰影的框 語法 box-shadow: h-shadow v-shadow blur spread color inset; 注意：boxShadow 屬性把一個或多個下拉陰影添加到
五彩斑斕的黑？？？？五彩斑斕？？？還黑？？之前只是笑笑就過去了。。那麼能不能實現呢，，，今天他來了！！！ 效果圖:展示出來的效果顏色和光暈的顏色都是用c3寫成的動畫效果，由於不支持上傳視頻，就截了幾幀的圖片，有想要自己實現這個動畫
3d盒子反戰 效果如圖如下： HTML重要的代碼如下： <ul> <li> <div class="box"> <div class="front">目錄
最近有個奇葩需求，我們客戶要求按鈕要像星星一樣一閃一閃的！！！.......... <el-button type="success" class="flash animated infinite">按鈕</el-button> .
嵌套盒子垂直居中 公共代碼部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w
一、Flex 佈局是什麼？ Flex 是 Flexible Box 的縮寫，意爲"彈性佈局"，用來爲盒狀模型提供最大的靈活性。 任何一個容器都可以指定爲 Flex 佈局。 .box{ display: flex; } 行內元
<!doctype html> <html> <head> <!--聲明當前頁面的編碼集：charset=gbk,gb2312(中文編碼)，utf-8國際編碼-->
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"> <meta na
屬性值 smooth: true 要的是這種效果, 一般我們組合的時候的圖是這樣的 所以需要設置一下 修改 series: [ { name: '蒸發量',
未知高度下的垂直居中 top: 50%; transform: translateY(-50%); 線條動畫： 由中間向兩邊散開 left: 50%; transform: translateX(-50%);
1、flex-direction屬性（） flex-direction: row | row-reverse | column | column-reverse row（默認值）：主軸爲水平方向，起點在左端 row-reve
在網頁中，我們可以用CSS的font-family屬性來定義字體，然而定義的字體在用戶的電腦上能否正確呈現則要看用戶的電腦是否安裝了該字體。我們經常能看到國外的一些個人網站使用了非常漂亮的字體，而這些字體通常在用戶的電腦中是沒有安裝的，
type類型新增和原來的屬性如下： 屬性值 值 描述 button 定義可點擊的按鈕（大多與 JavaScript 使用來啓動腳本） checkbox
