介绍 css是什么意思 & lt; ! DOCTYPE html>
& lt; html>
,& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能title> & lt;/title>
& lt;才能style>
身体,,{
,,,背景:,# 000;
,,}
,,.box {
,,,宽度:,100%;
,,,身高:,600 px;
,,,背景:,# 000;
,,}
,,.vr {
,,,显示:,块;
,,,宽度:,71 px;
,,,身高:,71 px;
,,,这个特性:,50%;
,,,位置:,绝对;
,,,左:,18 px;
,,,:,22 px;
,,,背景:# 98 fb98 url (. ./img/new_img/vr.png), no-repeat left 最高;
,,,background-size:, 100%, 100%;
,,,z - index:, 99;
,,}
,,
,,.vr_wrap {
,,,背景:,# fff;
,,,不透明度:,0.7;
,,,过滤器:,α(不透明度=70);
,,,宽度:,71 px;
,,,身高:,71 px;
,,,这个特性:,50%;
,,,位置:,绝对;
,,,左:,18 px;
,,,:,22 px;
,,,不必:,0 px 0 px 50 px 10 px # fbfbfb;
动画:,,,,mymove 2 s 无限;
,,,/*动画方向:备用;*/,,,这个特性:,50%;
,,}
,,
,,.vr_wrap2 {
,,,背景:,# fff;
,,,不透明度:,0.9;
,,,过滤器:,α(不透明度=90);
,,,这个特性:,50%;
,,,宽度:,71 px;
,,,身高:,71 px;
,,,这个特性:,50%;
,,,位置:,绝对;
,,,左:,18 px;
,,,:,22 px;
,,,不必:,0 px 0 px 50 px 10 px # fbfbfb;
动画:,,,,mymove1 2 s 无限;
,,,/*动画方向:备用;*/,,}
,,
,,@keyframes mymove {
,,,0%,{
,,,,不必:,0 px 0 px 0 px 2 px # fff;
,,,,身高:,71 px;
,,,,宽度:,71 px;
,,,}
,,,100%,{
,,,,不必:,0 px 0 px 0 px 20 px # fff;
,,,,身高:,72 px;
,,,,宽度:,72 px;
,,,}
,,,100%,{
,,,,不透明度:,0;
,,,,过滤器:,α(不透明度=0);
,,,}
,,}
,,
,,@keyframes mymove1 {
,,,0%,{
,,,,不必:,0 px 0 px 0 px 2 px # fff;
,,,,身高:,71 px;
,,,,宽度:,71 px;
,,,}
,,,50%,{
,,,,不必:,0 px 0 px 0 px 20 px # fff;
,,,,身高:,72 px;
,,,,宽度:,72 px;
,,,,不透明度:,0;
,,,}
,,,100%,{
,,,,不透明度:,0;
,,,,过滤器:,α(不透明度=0);
,,,}
,,}
& lt;才能/style>
,& lt;/head>
,& lt; body>
& lt;才能div 类=癰ox"比;
,,& lt; a 类=皏r" https://www.yisu.com/zixun/, href=" http://vr.nibaoo.cn/01/">
身体
这篇文章给大家分享的是有关怎么利用css实现波纹动画效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体,颜色,位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。
<>强效果图如下
<强>实例代码如下