好运彩3开奖号码: 基于Flexbox的响应式蜂巢样式布局

好运彩3网址 www.s9278.cn Flex布局方式目前使用非常广泛,它比传统的盒子模型相比更加灵活方便。这次我们给大家带来一个基于Flex布局的典型例子,它是一个基于Flexbox的响应式蜂巢样式布局,我们可以将图片放置到这个蜂巢样式的布局中,这样就可以制作一个富有创意的照片墙。

flexbox-responsive-honeycomb

在线演示源码下载

jQuery颜色选择插件 可通过色系选择

之前我们分享过一些jQuery颜色选择插件,比如这个jQuery实现的一个颜色选择器 实时输出RGB值就非常实用,再比如可自定义色块的JavaScript颜色选择器也相当不错。这次我们分享另外一个jQuery颜色选择插件,与前面几个相比,这个并不能算是颜色拾取,只能说是通过色系来选择该色系下预定义的几种颜色。

jquery-color-picker-by-colors

在线演示源码下载

CSS3风速切换场景动画

今天给大家分享一个基于CSS3的风速切换场景动画,首先页面上的场景画面是通过CSS绘制而成,总体来说是一个刮风天气场景,风车会转动,树叶也会随风飘摇。此时你可以通过一个开关来切换风速,风速变化的同时,风车的转速和树叶飘动的幅度也会随之变化,反应一个真实的刮风天气,而这一切都是通过CSS3的动画特性来完成的。

css3-windy-switch

在线演示源码下载

基于Three.js的碰撞检测穿马路动画

Three.js是JavaScript编写的WebGL第三方库,提供了非常多的3D显示功能。今天要给大家分享的就是一款基于Three.js的穿马路游戏动画,主要使用了Three.js的碰撞检测功能,马路上穿梭着很多车辆,你可以通过方向键控制小方块的行进方向,顺利通过马路,如果方块和行驶的车辆发生碰撞,则游戏结束。

threejs-impact-checking

在线演示源码下载

基于VueJS的滑块组件 支持级联滑动和渐变色

我一直在玩VueJS,并想尝试一个实验,看看将这个基于jQuery UI的的滑块插件用VueJS实现是多么容易。对于这个插件,我并非将所有功能都翻译过来了,因为jQuery UI的滑块组件提供了许多额外的功能, 但这个基于Vue的滑块也比较接近基于jQuery UI的了,它支持多个滑杆级联滑动,并且支持在滑杆上渲染渐变颜色。

vuejs-slider-pips

在线演示源码下载

jQuery自定义样式下拉框 支持分组、多选和搜索

今天给大家分享一个非常实用的jQuery插件,它不仅可以让你自定义浏览器的select下拉框样式,而且支持下拉选项的分组、多选和搜索,同时你可以设置最多选择项的数量,如果数量超出了select预定义的宽度,会自动显示数量信息,隐藏具体选项的值。

jquery-multi-check-selectbox

在线演示源码下载

CSS3可自动折叠的垂直手风琴菜单

之前我们分享过很多手风琴菜单,大部分是垂直的手风琴菜单,都非常实用,比如这个CSS3深色背景的垂直手风琴菜单。这次我们继续为大家带来一款基于CSS3的垂直手风琴菜单,除了和其他手风琴菜单那样可以自动折叠菜单项以外,它还有一个特点是折叠和展开时代有平滑的淡入淡出效果。

css3-accordion-menu-animate

在线演示源码下载

HTML5/SVG图片切换马赛克过渡动画

早些时候,我们给大家分享过一款基于HTML5 Canvas的图片马赛克模糊效果,并且文章中对其实现原理进行了简单解说。今天我们要介绍的也是关于图片马赛克效果的,它是一个基于好运彩3网址和SVG的图片切换马赛克过渡动画,与普通的淡入淡出切换效果不同,它在图片切换时渲染马赛克的滤镜效果,实现简单,而且也非常具有创意。

html5-svg-image-pixelization

在线演示源码下载

HTML5 Canvas圣诞节雪人球动画

记得很早以前给大家分享过一个基于纯CSS3的可爱雪人动画,同时还伴随着下雪动画。今天我们来分享一个基于好运彩3网址 Canvas的圣诞节雪人球动画,我们将雪人绘制到一个球中,然后点击鼠标将球抖动一下,球里面就飘起了雪花,非常的浪漫。

html5-canvas-snow-globe

在线演示源码下载

CSS3 3D视差人物画像 可跟随鼠标摇头斜眼

这次我们分享一个非??岬腃SS3动画。它是一个3D的视差人物画像,并且人物的头和眼睛可以跟随鼠标移动,如果在移动设备上的话,用手指移动屏幕也可以实现这个效果。更加厉害的是,这个人物画像在加载时是一幅素描画像,但是会逐渐变成油画的效果,你们可以研究一下这是如何实现的。

svg-css3-parallax-portrait

在线演示源码下载