XShell Eclipse插件 resultMap firebase playframework nosql db2 testng LimeJS Uploadify 百度seo关键词优化 相亲网站源码 jquery对象 ubuntu查看python版本 svn更新本地代码 matlab取绝对值 mysql函数返回结果集 重置hosts python数据格式 python搭建环境 python的str python打开文件 python如何定义变量 java初级 java泛型的使用 java异常处理 java的多线程 linux下载安装 xs颜色 wine模拟器 idataparameter 数独软件 pr视频加速 ps镜头校正 绿幕抠图 骰子牛牛怎么玩 js获取子元素 屏幕录像专家注册机 批处理for bin文件编辑器
当前位置: 首页 > 学习教程  > 编程语言

图片色调旋转滤镜 filter: hue-rotate

2020/9/19 14:43:14 文章标签:

在这里插入图片描述
图片色调旋转滤镜


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .bird {
    	  	background: url(./2.jpg) no-repeat;
    	  	background-size: 100%;
    		animation: pulse 5s linear infinite;
		}
		.bird::before{
			content:"";
			display: block;
			padding: 100%
		}
		@keyframes pulse {
		    from { 
		    	filter: hue-rotate(0deg);
		     }
		    to { 
		    	filter: hue-rotate(360deg); 
		    }
		}
    </style>
</head>

<body>
    <div class="bird"> </div>
</body>

</html>

本文链接: http://www.dtmao.cc/news_show_200160.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?