码迷,mamicode.com
首页 >  
搜索关键字:css3 动画效果 事例    ( 13068个结果
致敬英雄,共悼逝者,css 让页面变黑白
壹 ? 引 今天是四月四日清明节,也是全国哀悼抗疫烈士的一天。细心的同学可以发现,不仅是娱乐活动以及游戏全部停止,当我们打开各大门户网站,网站页面也都变成了黑白,那么具体怎么做呢,这里可以借用CSS3 的 filter滤镜属性,一个最简单的设置: 由于是CSS3属性,所以自然会存在兼容问题,我们通过 ...
分类:Web程序   时间:2020-04-04 11:54:25    阅读次数:248
如何把网页变成黑白
这个功能可能平时并不需要, 但是今天2020年4月4日,为了哀悼抗疫中牺牲的英雄们,很多网站都变成了黑白的,今天就来看看技术上怎么实现 用css3中的filter属性,可以实现一些像ps中的简单滤镜效果: 灰度: grayscale 模糊: blur 对比度: contrast 色相旋转: hue- ...
分类:Web程序   时间:2020-04-04 09:40:46    阅读次数:149
进阶CSS3 background-image的linear-gradient线性渐变 实用用法 条纹 中心点 方向 颜色过度
我们来了解一下 linear gradient() 是什么呢? 1.linear gradient 是一个 CSS3 版本的新特性用于创建一个线性渐变效果的背景,如下图。 效果 代码: ...
分类:Web程序   时间:2020-04-03 21:42:42    阅读次数:252
css+js网站变灰
历年大型地震等自然灾害来临过后,各大网站整站都变成灰色以悼念逝去的生命 重写一套css?NO,即便你有这个时间重写,那网站内的图片怎么办?难道重做一遍?很明显工作量巨大不符合实际。 火狐和chrome浏览器比较简单,直接用css3搞定: 对于IE7 IE9浏览器,可以使用IE自带的滤镜,在页面头部内 ...
分类:Web程序   时间:2020-04-03 19:53:11    阅读次数:79
利用SVG和css3实现炫酷的边框动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>line</title> </head> <style> .empat { position: relative; overflow: hidden; widt ...
分类:Web程序   时间:2020-04-03 19:49:37    阅读次数:69
利用CSS设置图片黑白/灰色效果CSS3 filter(滤镜) 属性
利用CSS设置图片黑白/灰色效果 百度百科灰色缅怀效果: CSS3 filter(滤镜) 属性 body.memorial>* { filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); ...
分类:Web程序   时间:2020-04-03 16:38:39    阅读次数:110
node.js里面的声明周期和animate.css动画
node.js生命周期和封装的动画效果使用
分类:Web程序   时间:2020-04-03 01:00:22    阅读次数:92
CSS3+CSS+HTML实现网页
效果图: 代码实现: 样式部分style.css: *{ margin: 0; padding: 0; } body{ background-color: #673929; font-size: 16px; font-family: "微软雅黑" } #conters{ margin: 0 auto ...
分类:Web程序   时间:2020-04-03 01:00:05    阅读次数:100
css/选择器
标签选择器、类选择器、ID选择器、兄弟选择器、后代选择器、子代选择器、css3选择器... ...
分类:Web程序   时间:2020-04-03 00:59:34    阅读次数:99
Android Fragment 切换动画设置
在Activity跳转之间可以设置动画效果,例如平移,渐变,旋转等动画,当然在Fragment中也可以设置切换的动画效果,可以达到跟ViewPager切换动画类似的效果。在Fragment中设置自定义切换动画主要分为了两种情景,一种是使用 android.app.Fragment包里面的Fragme ...
分类:移动开发   时间:2020-04-02 15:55:21    阅读次数:111
13068条   上一页 1 ... 39 40 41 42 43 ... 1307 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!