分类:前端

HTML5+CSS3的响应式网页设计:自动适应屏幕宽度

HTML5+CSS3的响应式网页设计:自动适应屏幕宽度
这几天都在修改博客上面的样式。本来用的是d83.0的模板。自己又修改了许多地方,其中自己修改的一些地方在手机里面显示的效果不是很理想,于是想改成自适应的效果。对CSS3不是特别的熟练,只能去网上找找案例看了。发现一个不错的文章。写的比较入门,也很仔细。所以拿过来分享给大家。如果还...

3年前 (2014-03-15) 87862℃ 7评论 575喜欢

利用css3的text-shadow属性实现文字阴影乳白效果

利用css3的text-shadow属性实现文字阴影乳白效果
现在CSS3+html5的网页应用的越来越广泛了。很多网页中的字体同样可以用CSS3来实现炫酷的效果。 下面就介绍一下利用css3的text-shadow属性实现文字阴影乳白效果。这是在设计达人上面看到的,所以拿过来分享给大家。喜欢的可以自己去试试。 有效利用css3的text-...

3年前 (2014-03-11) 3910℃ 1评论 6喜欢

分享一个非常有用的HTML5+CSS3响应式图片案例

分享一个非常有用的HTML5+CSS3响应式图片案例
随着Retina屏幕的逐渐普及,网页中对图片的适配要求也越来越高。如何让图片在放大了两倍的 Retina 屏幕显示依然清晰,曾经一度困扰着网页开发者,好在 CSS3 与 HTML5 已经着力在改变这种现状。那么到底什么是响应式图片呢? 什么是响应式图片? 响应式图片是指:用户代...

3年前 (2014-01-29) 9805℃ 2评论 15喜欢

小伙伴们都会惊呆的10个超炫的HTML5+CSS3效果作品

小伙伴们都会惊呆的10个超炫的HTML5+CSS3效果作品
在CodePen(CodePen 是一个在线的 HTML、CSS 和 JavaScript 代码编辑器,能够编写代码并即时预览效果)上看到许多非常炫的html+css3效果示例。这些炫酷的技术真是让我等菜鸟叹为观止。 对前端技术感兴趣的朋友赶紧过来围观一下啊。绝对让你大饱眼福(当...

3年前 (2014-01-28) 23286℃ 4评论 217喜欢

分享12个简洁漂亮的纯CSS3进度条特效动画代码

分享12个简洁漂亮的纯CSS3进度条特效动画代码
进度条是很常用的一个用户体验项,用于表示事件的处理或加载状态,制作这些loading进度条我们通常会使用GIF图片来实现,但是这方法也有一些弊端,比如我要放大或改变颜色,这样就不好处理了。 要解决这些问题最好就是用代码来实现了,现在CSS3已经流行起来,我们是否也尝试一下用CSS...

3年前 (2014-01-26) 3181℃ 0评论 8喜欢

2014年流行的25个非常精美的UI设计PSD素材免费下载

2014年流行的25个非常精美的UI设计PSD素材免费下载
马年到了。不管是什么设计,都越来越呈现出扁平化的趋势。许多的网页也流行半透明的网页风格。 这些非常精美的UI设计PSD素材很多都是你未见过的,有图标PSD、手机UI、网页以及一些原型框架图等等, 这些东西对我们平时设计网页应该都会有一些灵感上的帮助。如果跟我一样是小白,那也可以直...

3年前 (2014-01-25) 5426℃ 0评论 3喜欢

2014年前端开发非常实用的15个HTML&CSS框架

2014年前端开发非常实用的15个HTML&CSS框架
什么是框架?框架是一种你能够使用在你的web项目中概念上的结构。CSS框架一般是CSS文件的集合,包括基本风格的字体排版,表单样式,表格布局等等,比如: * typography.css 字体排版规则 * grid.css 表格布局 * layout.css 布局 *...

3年前 (2014-01-19) 7414℃ 1评论 3喜欢

20款2013年最佳的免费jQuery插件

20款2013年最佳的免费jQuery插件
互联网上面有很多 jQuery 插件,这里我们收集的是 2013 年最好的 20 款免费 jQuery 插件,这些插件对设计者和开发者都有很大的帮助,希望大家能够喜欢:) 现今互联网市场上提供很多 jQuery 插件,都给出了很显著和壮观的结果,并且都承诺能给开发者提供很大的帮...

3年前 (2014-01-13) 4087℃ 0评论 3喜欢

10个学习HTML5和CSS3技术的基础教程

10个学习HTML5和CSS3技术的基础教程
CSS即层叠样式表(Cascading Stylesheet)。 在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。和HTML5一样 ...

3年前 (2014-01-12) 3831℃ 0评论 4喜欢

七个CSS3代码自动生成工具让你提升前端开发速度

七个CSS3代码自动生成工具让你提升前端开发速度
现在说到CSS3相信大家都并不陌生了,现在很多的WEB前端设计师在设计网页的时候有会用CSS3,包括现在新出的很多很多Wordpress主题也是一样。已经有不少人开始使用CSS3进行网站前端样式的编写,总之CSS3的广泛应用是需要多方面的支持才可以变的更加广泛。这里有七个不错...

3年前 (2014-01-11) 3845℃ 0评论 1喜欢

[CSS3教程]50个精彩至极的css3动画效果

[CSS3教程]50个精彩至极的css3动画效果
CSS3为我们带来了令人惊叹的新特性,而最有趣的就是CSS动画。今天彬Go向大家推荐这50个CSS动画集合可以让你通过使用JavaScript函数来让动画更生动。为了能够预览到这些惊人的CSS3技术带来的动画特效,请大家使用如Safari和Chrome这类基于WebKit内核的浏...

3年前 (2014-01-11) 4572℃ 0评论 1喜欢