-
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>查看全部
-
简单的响应式 @media screen and (min-width:1001px){figure{width:33%}} //其中的min-width:1001px表示当宽度最小为1001px,也就是大于1001px的时候 @media screen and (min-width:601px) and (max-width:1000px){figure{width:49%}} //大于601px 小于100px 的时候 @media screen and (max-width:600px){figure{width:100%;}} //小于600px的时候查看全部
-
figure figcaption 语义标签查看全部
-
transform属性： 1、translate（水平）-- transform:translate(10px,10px); 2、rotate（旋转）-- transform:rotate(90deg); 3、scale（缩放）-- transform:scale(0.5,,0.5); 4、skew（缩放）-- transform:skew(50deg,,0deg);查看全部
-
figure标记文档图像；figcaption定义figure标记的标题。 figure及figcaption标签的用法: <figure> <img src=""> <figcaption>figcaption</figcaption> </figure>查看全部
-
设置位置，什么时候用margin，position translate(0，0)查看全部
-
html5新标签：figure以及figcaption查看全部
-
transform属性： 1、translate（水平）-- transform:translate(10px,10px); 2、rotate（旋转）-- transform:rotate(90deg); 3、scale（缩放）-- transform:scale(0.5,,0.5); 4、skew（缩放）-- transform:skew(50deg,,0deg);查看全部
-
transition主要用于元素的 过渡动画 处理查看全部
-
transform属性： 1、translate（移动）-- transform:translate(10px,10px); 2、rotate（旋转）-- 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%;}查看全部
-
学习目标查看全部
举报
0/150
提交
取消