标签:css

全屏滚动插件fullPage.js

全屏滚动插件fullPage.js

2018年07月03日作者:月光光

本文介绍使用fullPage.js插件可轻易创建全屏滚动网站。很多网站只有一个千赢首页,它是由多个可以滚动的全屏内容组成,使用鼠标滚动或方向键可控制滚屏,支持CSS3动画和手机触屏,效果非常高大上。阅读全文

弹出式全屏导航菜单

弹出式全屏导航菜单

2018年06月27日作者:月光光

我们需要在一个有限尺寸的页面上展示多个导航菜单,可以使用下拉菜单、弹出式菜单等等。今天我要给大家演示的是可以使用CSS动画和jQuery来实现的弹出式全屏导航菜单效果。阅读全文

CSS3 loading三圆点加载动画特效

CSS3 loading三圆点加载动画特效

2018年06月21日作者:月光光

three-dots.css是一款CSS3 loading三圆点加载动画特效库。three-dots.css中集成了14种三圆点loading动画特效,以及三种增强动画效果。阅读全文

电影院在线选座和观影效果预览

电影院在线选座和观影效果预览

2018年05月27日作者:月光光

想必大家在网上都买过电影票、机票、车票吧,在购票过程中,你需要选择一个座位。假如你想看《复仇者联盟3》,你在选座位的过程中并不知道你的位置的观影效果,那么本文来告诉你如何做到在选择座位的同时可以看到屏幕效果,让购票者有种虚拟现实的预览,是不是很酷。阅读全文

使用CSS3实现百叶窗式鼠标滑过hover图片动画效果

使用CSS3实现百叶窗式鼠标滑过hover图片动画效果

2018年05月13日

这是一款使用CSS3实现的百叶窗式鼠标滑过hover图片动画效果。该CSS3百叶窗式鼠标hover图片动画效果当鼠标移动到图片上时,通过伪元素来制作方块移动效果,形成百叶窗组合运动效果。阅读全文

WOW.js – 有趣的页面滚动效果

WOW.js – 有趣的页面滚动效果

2018年05月08日作者:月光光

页面在向下滚动的时候,你想让页面元素产生细小的动画效果,从而引起浏览者注意力,那么你可以试试 WOW.js。WOW.js支持多种动画效果,让你的页面滚动效果更加有趣。阅读全文

纯CSS实现的大型下拉菜单

纯CSS实现的大型下拉菜单

2018年04月30日作者:月光光

这是一款纯CSS实现的大型下拉菜单。该大型菜单使用HTML和纯CSS代码制作,没有任何js代码,不依赖任意第三方插件。适合用于栏目分类较多的大型网站使用。阅读全文

如何设计下拉菜单(技巧+实例)

如何设计下拉菜单(技巧+实例)

2018年04月28日作者:UI中国

下拉菜单可以说是网页设计中令人又爱又恨的元素之一了。下拉菜单有许多优点:不占地方,不需要做输入验证,所有平台都支持,技术门槛低,用户都很熟悉其使用方法。阅读全文

CSS3实现的线条波浪动画效果

CSS3实现的线条波浪动画效果

2018年04月07日作者:月光光

这是一款使用CSS3 animation动画和png图片制作的css3线条波浪动画效果。该特效中,使用了3张波浪线条的png图片,以及少量的CSS代码,制作出逼真的线条波浪动画效果。阅读全文

Tippy.js鼠标悬停提示工具

Tippy.js鼠标悬停提示工具

2018年03月07日作者:月光光

Tippy.js是一款轻量的tooltip插件,使用简单,扩展性好。该tooltip插件功能强大,提供多种动画效果和主题效果,并允许用户自定义tooltip主题和使用html代码作为tooltip的模板。阅读全文

上一页1234567...9下一页