标签:CSS

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

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

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的模板。阅读全文

兼容移动手机的js拖拽库Draggin.js

兼容移动手机的js拖拽库Draggin.js

2018年02月20日作者:月光光

Draggin.js是一款兼容移动手机的js拖拽库。该js拖拽库的特点是跨平台,体积小,运行速度快。它是一个完全跨平台的Javascript库,用于轻松快速地创建交互式用户界面。阅读全文

超酷的CSS3垂直时间轴特效

超酷的CSS3垂直时间轴特效

2018年02月05日

这是一款超酷的CSS3垂直时间轴特效。该CSS3垂直时间轴特效通过伪元素来制作超酷的半圆形,所有半圆形连接为一条曲线路径,从而组成了时间轴的线路。阅读全文

漂亮的代码语法高亮库:Prism.js

漂亮的代码语法高亮库:Prism.js

2018年01月12日作者:月光光

prismjs 是一款轻量、可扩展的代码语法高亮库,使用现代化的 Web 标准构建,使用 Prismjs 可以快速为网站添加代码高亮功能,支持超过上百种编程语言,还支持多种插件,是简洁、高效的代码高亮解决方案。阅读全文

上一页1234567...8下一页