-
一组很棒的原质化设计按钮及其制作教程
Bootstrap Material Design Buttons 包含按钮点击时的涟漪/波纹动画。
-
有波纹效果的原质化设计(材料设计)按钮
有波纹效果的原质化设计(材料设计)按钮。仅使用CSS,所以没有鼠标检测,涟漪效应总是从相同的点出发。
-
兼容主流浏览器的原质化设计响应式表格
Material Design Responsive Table 兼容浏览器 Chrome 37, Firefox 32, Opera 25, IE 11, Safari 5.1.7
-
HTML5 原质化设计概念网页
Flat webpage concept。里面包含很不错的新技术元素:1. 利用Shape(shape-outside)方法实现的图文环绕效果;2. 原质化设计风格的菜单展开隐藏动效;3. 原质化设计风格的菜单项悬停涟漪动效。
-
原质化设计风格Swipe动画模拟
Card Swipe Animation Material Design。 Based on this Dribbble: https://dribbble.com/shots/1721120-Keynote-animation-recreation
-
原质化设计 基于SVG的纸面涟漪动效
Material Design Ripple with SVG。原质化设计的一个主要思路是想把物理世界的材料实感(如纸张)和数字世界的技术魔法有效融合起来形成新的交互材料。点击屏幕中的蓝色纸张可以看到Ripple动效。
-
原质化设计左侧工具栏(Sidebar)
Material Design Sidebar (Profile menu)。可以改变位置、停靠方式、界面风格以及工具栏头部图片。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
WebGL光照基础知识:光学现象基本概念
用webgl着色器来实现光照特效,本质上是一个对物理学特性使用计算机进行近似模拟的方法和过程。所以我们需要理解光线传播的几个基本概念及其区别:反射...
WebGL基础知识 - GLSL和着色器(Shader)
在本站的WebGL入门教程中,提到绘制管道中有两个着色器,一个是vertex shader(顶点着色器)和一个fragment shader(片段着色器)。本章简介这两个着色器的具体...
浏览器报错: Failed to execute 'createObjectURL' on 'URL'
之前工作的网页调用摄像头获取视频并拍照的作品报错:Failed to execute 'createObjectURL' on 'URL'原因是Chrome升级后,新版本的Chrome不再支持该用法。其他主...
IntersectionObserver(相交观察器) API简介及在线实例
有时候我们希望跟踪DOM中的元素何时进入屏幕视线可见区域,这样就可以延迟加载图像或其他数据(比如广告)。要实现这样的目的,一般的思路是我们可以通过挂接滚...
基于jsmpeg库下使用ffmpeg创建视频流连接websocket中继器传输视频并播放
这个功能的基本工作是这样的: 1.使用node运行jsmpeg库下的websocket-relay.js文件,这个文件的作用是创建一个websocket视频传输中继器 2.运行ffmpeg,将输...
更多...