-
h2:hover{transition:transform 3s;transform:translate(50px,100px);}查看全部
-
媒體查詢查看全部
-
transition 過渡屬性查看全部
-
<style> h2{width:100px;height:100px;background:#333} h2:hover{transition:all 2s ease-in;transform:translate(100px);background:#f00} </style>查看全部
-
簡(jiǎn)單的響應(yīng)式 @media screen and (min-width:1001px){figure{width:33%}} //其中的min-width:1001px表示當(dāng)寬度最小為1001px,也就是大于1001px的時(shí)候 @media screen and (min-width:601px) and (max-width:1000px){figure{width:49%}} //大于601px 小于100px 的時(shí)候 @media screen and (max-width:600px){figure{width:100%;}} //小于600px的時(shí)候查看全部
-
figure figcaption 語義標(biāo)簽查看全部
-
transform屬性： 1、translate（水平）-- transform:translate(10px,10px); 2、rotate（旋轉(zhuǎn)）-- transform:rotate(90deg); 3、scale（縮放）-- transform:scale(0.5,,0.5); 4、skew（縮放）-- transform:skew(50deg,,0deg);查看全部
-
figure標(biāo)記文檔圖像；figcaption定義figure標(biāo)記的標(biāo)題。 figure及figcaption標(biāo)簽的用法: <figure> <img src=""> <figcaption>figcaption</figcaption> </figure>查看全部
-
設(shè)置位置，什么時(shí)候用margin，position translate(0，0)查看全部
-
html5新標(biāo)簽：figure以及figcaption查看全部
-
transform屬性： 1、translate（水平）-- transform:translate(10px,10px); 2、rotate（旋轉(zhuǎn)）-- transform:rotate(90deg); 3、scale（縮放）-- transform:scale(0.5,,0.5); 4、skew（縮放）-- transform:skew(50deg,,0deg);查看全部
-
transition主要用于元素的 過渡動(dòng)畫 處理查看全部
-
transform屬性： 1、translate（移動(dòng)）-- transform:translate(10px,10px); 2、rotate（旋轉(zhuǎn)）-- transform:rotate(90deg); 3、scale（縮放）-- transform:scale(0.5,,0.5); 4、skew（斜切）-- transform:skew(50deg,,0deg);查看全部
-
.text6{background-color: #777569;} .text6 figcaption h2{ margin-top: 15%; margin-left:35%; } .text6 figcaption p{ margin-left: 35%; } .text6:hover img { opacity: 0.5; } .text6 figcaption div{ position: absolute; border: 2px solid #fff; } .text6 figcaption div.border1{width: 60%; height: 0%; top: 45%; left: 20%; border-top: none; border-bottom: none;} .text6 figcaption div.border2{width: 0%; height: 60%; top: 20%; left: 50%; border-left: none; border-right: none;} .text6:hover figcaption div.border1{ height: 80%; top:10%;} .text6:hover figcaption div.border2{ width: 80%; left:10%;} .text6:hover figcaption h2{margin-top: 20%;}查看全部
-
學(xué)習(xí)目標(biāo)查看全部
舉報(bào)
0/150
提交
取消