- 博客(8)
- 收藏
- 关注
RSS订阅原创 CSS3 动画
CSS3 动画当在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器： 规定动画的名称规定动画的时长 animation-name规定@keyframes动画的名称 animation-duration规定动画完成一个周期所花费的秒和毫秒。默认0 animation-...
2019-12-10 21:43:22
93
原创 3d变换
CSS 属性 perspective指定了观察者与 z=0 平面的距离，使具有三维位置变换的元素产生透视效果。 z>0 的三维元素比正常大，而 z<0 时则比正常小，大小程度由该属性的值决定。三维元素在观察者后面的部分不会绘制出来，即 z 轴坐标值大于 perspective 属性值的部分。 默认情况下，消失点位于元素的中心，但是可以通过设置 perspective-origin ...
2019-12-07 13:17:14
199
原创 css时钟
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css" id="css"> *{ margin: 0; padding: 0; } #clo...
2019-12-05 12:07:59
107
原创 百分比参照于谁
margin,padding,left参照于包含块的widthheight,top参照于包含块的heighttranslate(50%,50%)参照于自身的宽高background-position百分比参照于（图片区域-图片的位图像素值）...
2019-12-04 22:06:46
118
原创 扇形导航
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{/*禁...
2019-12-04 20:38:36
151
原创 2d变换
transform属性实现了一些可用SVG实现的同样的功能。它可用于内联(inline)元素和块级(block)元素。它允许我们旋转、缩放和移动元素 ，他有几个属性值参数：旋转：rotate()transform-origin定义旋转的基点，rotate()设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转位移：translate()translateX()tra...
2019-12-01 16:19:45
255
原创 css3过渡
css3过渡是指从一种样式逐渐改变为另一种样式的效果 必须规定两项内容： 1.希望把效果添加到哪一个css属性上(默认是all) 2.效果的时长 效果开始于指定的 CSS 属性改变值时。 CSS 属性改变的典型时间是鼠标指针位于元素上时transition-property(过渡属性的名称)默认值为all.表示所有可被动画的属性都表现出过渡动画，可指定多个transiti...
2019-12-01 14:12:10
199
原创 css径向渐变
CSS radial-gradient() 函数创建一个，用来展示由原点（渐变中心）辐射开的颜色渐变。 默认均匀分布#test{ width: 200px; height: 300px; background-image: radial-gradient(red,blue); } 不均匀分布：radial-gradnent(circle,red,bl...
2019-12-01 13:11:53
352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人