CSS3的小总结

CSS3 是最新的 CSS 标准。
因为CSS3 完全向后兼容,因此您不必改变现有的设计。浏览器通常支持 CSS2。

我这个肯定是不完全了,不过经常用的还是有,就做个总结吧。^ - ^

.

CSS3边框:

在这里插入图片描述
例如:

div canvas{
	border: 2px solid black;
	border-radius: 25px;
	box-shadow:10px,10px,10px, black;
	border-image: url(...);
}

.

CSS3背景:

在这里插入图片描述
例如:

div{
	background: url(...);
	background-origin: content-box;
	background-size: 20% 80%;
}

.
.

CSS3动画:

div{
	border: 2px solid black;
	background-color: blue;
	animation: an 5s;
}

@keyframes an{
	from{background:red;}
	to{background: rgb(88, 224, 107);}
}@keyframes an
{
0%   {background: red;}
50%  {background: blue;}
100% {background: green;}
}

.

CSS3多列:

在这里插入图片描述
例如:

div{
	column-gap:40px;
	column-count:3;
}

.

CSS3用户界面属性:

在这里插入图片描述
例如::

div {
	resize: both;
	overflow: auto;
	box-sizing: content-box;
	outline-offset: 10px;
}

若有不当之处,欢迎指正!!!
^ - ^

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值