css3
关注
分享
扫一扫
gxgalaxy
这个作者很懒，什么都没留下…
展开
-
前端学习——css3
1.圆角边框：border-radius2.阴影：box-shadow:25px 25px 5px #999;(四个值--左上角，右上角，左下角，右下角；三个值：左上角，右上角和左下角，右下角；两个值：左上角和右上角，右上角和左下角)3.定位：background-origin 属性规定 background-position属性相对什么位置来定位。 三个值 padding-b...原创 2019-04-11 18:33:23 · 91 阅读 · 0 评论 -
css3 2D变换之transform
transform属性的属性值 值/函数 说明 translate（length，length） 根据X轴和Y轴给定的...原创 2019-04-11 19:26:33 · 192 阅读 · 0 评论 -
css3动画Animation之完成一个心跳动画
1.@keyframes规则：要想创建CSS3动画，必须了解@keyframes规则。@keyframes规则是创建动画，在这个规则内指定一个CSS样式和动画，然后逐步从目前样式更改为新的样式。2.注意：当在@keyframes创建动画的时候，必须将它绑定到一个选择器，否则动画将不会有任何效果。其中包括动画的名称，还有动画的时常。3.@keyframes 规定动画 a...原创 2019-04-11 20:47:52 · 1935 阅读 · 0 评论 -
CSS3之缩略图作为连接
在CSS3中我们利用border来创建缩略图，并且在图片外层加一个超连接代码如下：<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--><!--[if IE 7]> <htm...原创 2019-04-11 23:59:27 · 237 阅读 · 0 评论 -
CSS3之定位图片文本
代码：<!DOCTYPE html><html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>d...原创 2019-04-12 08:33:46 · 617 阅读 · 0 评论