标签:CSS3

标签:CSS3 共有26条记录

基于Bootstrap漂亮简洁的CSS3价格表

基于Bootstrap漂亮简洁的CSS3价格表

时间:2017年02月27日 21:40标签:CSS3  价格表  Bootstrap 

这是一款漂亮简洁的CSS3价格表样式,该价格表基于Bootstrap网格系统来进行布局,通过简单的CSS3代码来美化价格表,样式非常的时尚漂亮,且能在不同屏幕下展示良好的效果。阅读全文

漂亮的垂直导航样式

漂亮的垂直导航样式

作者:月光光 时间:2016年10月07日 11:28标签:CSS3  导航 

幻灯片滑动切换的时候,需要做个切换的导航条,甚至很多的页面或者组件都用到导航条,本文结合实例将简单介绍使用CSS实现的垂直幻灯片导航样式效果。阅读全文

基于Zepto的内容滑动插件:zepto.hwSlider.js

基于Zepto的内容滑动插件:zepto.hwSlider.js

作者:月光光 时间:2016年07月07日 17:27标签:Zepto  CSS3  内容滑动 

前段时间为给大家介绍了内容滑动插件:hwSlider.js,它是兼容PC和移动端的,但是是基于jQuery的。有朋友最近给我说要求把Zepto版的也放出来,于是乎就整了个zepto版的内容滑动插件,它同样支持PC和移动端,可以滑屏和自适应屏幕大小。阅读全文

HTML5+CSS3+jQuery实现弹出层

HTML5+CSS3+jQuery实现弹出层

作者:月光光 时间:2016年05月14日 11:17标签:HTML5  css3  弹出层 

弹出层用来向用户展示详细的信息,交互性非常强。弹出层有对话框、模态窗口等形式,这里我都把他们叫做弹出层,我的同事们也是这么叫的。一般我们喜欢使用比较成熟的弹出层插件如fancybox等,但在本文,我将先抛弃插件,给大家介绍如何使用HTML5+CSS3+jQuery实现弹出层。阅读全文

使用纯CSS美化radio和checkbox

使用纯CSS美化radio和checkbox

作者:月光光 时间:2016年04月24日 20:01标签:css3  表单美化 

单选框Radio和多选框checkbox需要美化吗?当然,原生的样式百年不变已经满足不了我们客户的需求。表单很多控件需要美化,我们有借助Javascript来做美化的,也有直接用CSS来美化的,今天我给大家介绍使用纯CSS实现radio和checkbox的美化。阅读全文

自定义美化的下拉选择框

自定义美化的下拉选择框

作者:月光光 时间:2016年03月27日 12:42标签:下拉选择  CSS3  HTML5 

这是一款使用HTML5 SVG和CSS3制作的非常棒的select下拉菜单美化效果。我们可以通过JavaScript来将表单中元素修改为更加好看的样式,甚至是更复杂的表单元素,例如select下拉菜单。我们可以有非常多的表单美化方案,使用户可以得到更加好的用户体验。阅读全文

CSS3面包屑导航和多步骤指示

CSS3面包屑导航和多步骤指示

作者:月光光 时间:2016年01月23日 20:58标签:CSS3  菜单 

面包屑是用来做当前页面所在的站点位置的导航作用,它一层层的表示站点分类或目录层级关系,而多步骤指示经常用在一些分步流程向导的应用,如分步注册向导,货物订购流程。今天我们来用CSS制作面包屑和多步骤指示的应用。阅读全文

CSS3单页面垂直固定导航

CSS3单页面垂直固定导航

作者:月光光 时间:2016年01月13日 10:20标签:CSS3  菜单 

越来越多的开发者喜欢将单页面尤其像产品介绍页面设计成用一个简单的导航条关联的页面各个重要部分(节点)。本例中,一个页面由多个重要节点组成,在页面一侧会垂直展示多个简单的导航远点,滑上圆点会展示对应节点部分的名称,点击页面会滚动到对应的节点部分,而导航条位置固定不变。阅读全文

使用jQuery和CSS3制作的响应式水平时间轴

使用jQuery和CSS3制作的响应式水平时间轴

作者:月光光 时间:2015年12月18日 11:36标签:jquery  css3  时间轴 

我们经常看到有很多的垂直时间轴用来记录事件进展,而有朋友问我要求分享水平的时间轴,其实水平时间轴的难点在于自适应屏幕尺寸。那么 今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平时间轴。阅读全文

使用Animate.css制作超炫的CSS3动画

使用Animate.css制作超炫的CSS3动画

作者:月光光 时间:2015年11月21日 15:36标签:CSS3  动画 

Animate.css是一个超强的CSS3动画库,它使用简单,只需要将相关效果对应的class加入页面元素中,就能实现翻转、滑动、旋转等等复杂超炫的跨浏览器的动画效果,它让开发这制作页面动画变得非常简单。阅读全文

上一页123下一页
顶部 反馈 二维码 底部
扫一扫

扫描二维码用手机看文章