边框粒子动画css css粒子特效

js怎么控制css3动画js控制css3动画触发

将鼠标设置在前端，添加一个类，这样鼠标一点，就会有CSS3动画，鼠标离开去掉样式，动画就结束了。

涉及到 CSS3 的动画（animation）、2D 转换（transform： scale），具体如代码所示。

上边样式的将变现为，class为phone的元素会在加载完成后，从它的定义位置靠下5rem开始动画。

怎样装饰边框最好看简单

多边形边框 使用粉红色画笔画出多边形的边框并涂上颜色，画出横线条，在四角画出圆点，并画出三个边的阴影区域。

波浪线或者叫连续的“S线。这个很适合于做四周的花边或者打边框用，可以随自己意愿在凹处画上圆点、圆圈或者其它的任意什么小图案，都很好看的。下面这个花边也算是波浪线的一种吧。

简约式 对于厅室来说，主要是以轻装修重装饰为主，所以简约的框架样式相比繁琐的边框设计来说，更具时尚现代简洁感；墙面不做色彩，就是简单的白墙，但是加几个特色储存柜做装饰，让原本轻盈的空间增加了实用及装饰性。

可爱的蝴蝶结类型，用浅蓝色的长方形边框，在把边框周围画上可爱的粉色蝴蝶结。小清新风格，我们用多种颜色画出边框，然后在边框的旁边添加一个 多肉植物 。

CSS3中边框属性如何使用

要设置表格边框，我们可以使用CSS的border属性。border属性有三个值：border-width、border-style和border-color。border-width用于设置边框宽度，border-style用于设置边框样式，border-color用于设置边框颜色。

如果我们的四条边框属性都是一样的，那么统一设置就可以啦，注意边框类型不可省略。首先我们放置一个宽高为200px的粉色盒子。接下来我们为它加上一条宽度为10px，样式为实线，颜色为红色的边框。

新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

边框的属性：有宽度（width），样式（style），颜色（color），如果一起定义可以这样；在css中，img{ border：5px solid red }；定义所有图片的样式。

border这个位置可选border：四边边框，border-top：顶部边框，类似还有border-left/right/button。宽度即为边框宽度。