会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
前端小菜鸡MIKE的随笔
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
3
4
5
6
7
8
9
10
11
下一页
2020年9月8日
css中background-color:transparent与opacity:0有什么区别
摘要: css中的background-color:transparent;背景颜色设置为transparent,元素的背景色为透明的,元素里面的其他元素或内容都没有影响; opacity:0;透明度设置为0,不仅使得元素的背景透明,连其子元素和内容都会变透明。
阅读全文
posted @ 2020-09-08 15:06 MIKE-CHOW
阅读(687)
评论(0)
推荐(0)
2020年9月7日
动画
摘要: 动画和过渡的区别1.过渡必须触发,需要两个状态的改变2.动画可以一直运行下去,不需要出发。实现效果和过渡差不多在css3中,动画和js的函数使用比较类似:先定义 --> 再调用 --> 一次定义多次调用定义: @keyframes 动画名称 { from{} to{} 或者 0%{} 10%{} 1
阅读全文
posted @ 2020-09-07 17:24 MIKE-CHOW
阅读(107)
评论(0)
推荐(0)
2020年9月6日
3D变换
摘要: rotateX() 沿X轴旋转rotateY() 沿Y轴旋转rotateZ() 沿Z轴旋转translateX() 沿X轴位移translateY() 沿Y轴位移translateZ() 沿Z轴位移透视:可以呈现出近大远小的效果perspective:数值显示效果:1.透视需要设置给变换元素的父盒子
阅读全文
posted @ 2020-09-06 23:19 MIKE-CHOW
阅读(192)
评论(0)
推荐(0)
CSS的小技巧
摘要: 1、当一个盒子同时设置left和right,left会生效;可以通过left:auto,使left不再控制盒子的位置,这样right才能生效2、盒子背面不可见的属性是backface-visibility:hidden
阅读全文
posted @ 2020-09-06 21:47 MIKE-CHOW
阅读(114)
评论(0)
推荐(0)
jQuery用ajax请求后台的注意事项
摘要: 在使用jQuery的ajax请求后台时,如果使用了FormData获取前端表单数据,要将ajax的contentType参数设置成false,同时将processData参数设置成false, $('.btn').click(function () { var fd = new FormData($
阅读全文
posted @ 2020-09-06 21:39 MIKE-CHOW
阅读(178)
评论(0)
推荐(0)
2D变换
摘要: transform缩放:scale(水平缩放比例,垂直缩放比例);只有一个值,等比例缩放大于1,放大小于1,缩小平移:translate(水平移动距离,垂直移动距离);只有一个值 水平位移正值 右下移动可以使用百分比,百分比是相对于自身的注意,在c3中,所有的百分比都是相对于自己的translate
阅读全文
posted @ 2020-09-06 13:32 MIKE-CHOW
阅读(156)
评论(0)
推荐(0)
过渡
摘要: transition过渡是由一种状态渐渐过渡到另一种状态,从而实现动画效果 div { width: 200px; height: 100px; margin: 100px auto; border: 1px solid black; background-color: lime; transiti
阅读全文
posted @ 2020-09-06 13:08 MIKE-CHOW
阅读(310)
评论(0)
推荐(0)
渐变
摘要: 渐变由一种颜色渐变为其他颜色渐变属于背景线性渐变:background:linear-gradient(方向,起始颜色,终止颜色)方向:to left right bottom top显示效果控制渐变的范围 显示效果方向可以是一个角度显示效果 径向渐变background:radial-gradie
阅读全文
posted @ 2020-09-06 11:14 MIKE-CHOW
阅读(228)
评论(0)
推荐(0)
2020年9月5日
背景原点和背景裁剪
摘要: 背景原点background-origin作用:用于指定背景图片从那个盒子开始平铺padding-box 默认content-boxborder-box 以下是content-box的效果 以下是padding-box的效果 以下是border-box的效果 背景裁剪,background-clip
阅读全文
posted @ 2020-09-05 10:44 MIKE-CHOW
阅读(155)
评论(0)
推荐(0)
2020年9月4日
CSS hsla() 函数
摘要: 定义与用法 hsla() 函数使用色相、饱和度、亮度、透明度来定义颜色。 HSLA 即色相、饱和度、亮度、透明度(英语:Hue, Saturation, Lightness, Alpha )。 色相(H)是色彩的基本属性,就是平常所说的颜色名称,如红色、黄色等。 饱和度(S)是指色彩的纯度,越高色彩
阅读全文
posted @ 2020-09-04 23:11 MIKE-CHOW
阅读(225)
评论(0)
推荐(0)
上一页
1
···
3
4
5
6
7
8
9
10
11
下一页
公告