标签:CSS

标签:CSS 共有54条记录

10个有趣的JavaScript和CSS库-2017年2月

10个有趣的JavaScript和CSS库-2017年2月

作者:月光光 时间:2017-02-17 21:03标签:javascript  css 

这个月精心收藏的一些前端资源分享给大家,主要是一些UI和前端js效果,看看web发展的最新最酷趋势,希望能对大家有所帮助。阅读全文

13个有趣的JavaScript和CSS库-2017年1月

13个有趣的JavaScript和CSS库-2017年1月

作者:月光光 时间:2017-01-23 20:10标签:javascript  css 

今后,helloweba会在每月适当的时候发布一些精心收藏的好的前端和后端资源,时刻关注web发展的最新趋势,将认为对大家最有帮助的国内外优秀的资源分享给大家,请持续关注helloweba。阅读全文

Core.css-轻量级的CSS reset和栅格系统

Core.css-轻量级的CSS reset和栅格系统

作者:月光光 时间:2016-11-26 21:39标签:CSS  响应式 

Core.css是一个非常小巧的CSS reset和栅格系统,如果你的项目非常小,你完全没必要使用大型的css框架如Bootstrap,你只需要不到4kb的core.css,就可以拥有css reset和栅格系统以及响应式布局。阅读全文

漂亮的垂直导航样式

漂亮的垂直导航样式

作者:月光光 时间: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的美化。阅读全文

Font字体小图标应用

Font字体小图标应用

作者:月光光 时间:2016-04-09 21:25标签:字体图标  CSS 

我们知道在页面上载入小图标有多种方式,比如我们使用比较多的是css sprite背景图片定位,就是将很多小图标集成到一张大图,然后使用CSS定位背景。还有一种比较现代的方式是使用font字体图标,它利用@font-face原理载入图标字体库,然后调用图标。阅读全文

自定义美化的下拉选择框

自定义美化的下拉选择框

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

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

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

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

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

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

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

扫描二维码用手机看文章