-
HTML5 Canvas 棱镜特效图片轮播 - 钻石棱镜
使用html5 canvas globalCompositeOperation 和分层渲染技术实现的棱镜特效图片轮播。
-
CSS3 移动手机视网膜(Retina)屏幕上显示单位像素边界 - 使用SVG图片的解决方案
苹果手机使用Retina显示屏技术,border:1px solid会被实际显示为2px,本例说明如何在这种设备上获得一个很细的边线效果(an extra thin hairline of 1px on a retina screen) 参考源: http://bit.ly/152q2d0 “Retina”是一种显示技术,可以将把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度。
-
SVG实现的弹性告警框样式的404页面
ERROR 404 Page not found 技术范儿的简洁404页面,有一个抖动呈现的效果。
-
Three.js 使用WebGL技术给网站添加三维动画特效
Hover over the circles to trigger the 3D animations. 有3个经典三维效果: 1. 旋转 2. 弹跳 3. 阴影
-
纯CSS实现的数学计算游戏
CSS Counter Game 主要使用了复选框(checkbox)、CSS3中的counter-*系列属性以及伪类、伪元素技术。 是对counter属性用法的一个绝佳的实例演示。
-
如何使用WebGL实现一个3D木箱
这是一个使用WebGL技术绘制的三维箱体/箱子,可以使用方向键和翻页键来控制该箱体的运动。通过本例学习WebGL 纹理贴图和滤镜的使用。
-
CSS3基础知识 - flexbox弹性框使用详解
flexbox是一个新的布局技术,可翻译为弹性框或伸缩盒子,正式规范链接:http://www.w3.org/TR/css-flexbox-1/。使用弹性框可以方便的获得弹性布局的效果而无须编写过多的CSS。flexbox的详细使用教程如下: http://helephant.com/2013/03/23/css3-flexbox-layout/
-
HTML5 原质化设计概念网页
Flat webpage concept。里面包含很不错的新技术元素:1. 利用Shape(shape-outside)方法实现的图文环绕效果;2. 原质化设计风格的菜单展开隐藏动效;3. 原质化设计风格的菜单项悬停涟漪动效。
-
创意网页文字排版艺术 - 水平线分割
Creative Web Typography Styles 使用CSS3的技术和jQuery.lettering.js插件实现字符分割效果。
-
创建纹理图片和文本的各种技术演示
Techniques for Creating Textured Text 包括了目前可用的所有相关技术:background-clip, image url() mask, svg clippath, svg pattern fill, svg gradient fill, svg mask, CANVAS。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
php curl大文件上传遇到502或504错误
使用php的curlfile上传大文件到远端服务器,遇到502错误。原因可能是超时或者内存超出,需要修改nginx、php.ini和php-fpm.conf中的一些配置。修改php.ini(注意c...
HTML、JavaScript和GLSL编码规范
HTML编码规范
- 始终将文档类型声明为文档中的第一行:
WebGL 2D纹理坐标到3D顶点坐标的映射
webgl纹理映射用来把图片贴到模型的材料表面,给模型添加丰富的细节。该方法的核心是把一张二维的图片映射到三维的坐标空间去,也就是为每一个3d顶点找到其相应...
WebXR基本概念和应用程序开发简介
XR是VR,AR和MR的统称,VR,AR是从感官体验的角度来区分的,
VR是用户借助外设输入输出(头戴、手柄、体感、运动感知等软硬件系统)来和纯虚拟场景的交互体验...网站SSL安全证书认证的基本过程和原理
现在的网站基本上都迁移到了https协议上,https是http协议的安全升级版本。在原来的http协议下,如果有人截获了你发送给服务器的报文,就能获取里面的信息,比如...
更多...