分类:HTML5+CSS3

炫酷的CSS3抖动样式:CSS Shake

炫酷的CSS3抖动样式:CSS Shake
CSS Shake是一个使用CSS3实现的动画样式,使用SASS编写,利用它我们可以实现多种不同样式的抖动效果(如下面的GIF图像):这是一个很微小的动画,但使用得当也是挺不错的,比如用在广告、图像、按钮上,这样可以用来吸引用户眼球从而促使去点击它。 这个Csshake有9个...

3年前 (2014-07-04) 8128℃ 3评论 14喜欢

2014年100个免费HTML网页模板下载使用

2014年100个免费HTML网页模板下载使用
网站模板,包括一个单一的网页或一组预先被设计师设计好的网页框架。好的网站模板可以取代雇用一个网站设计师,所以很多的小企业都选择HTML网站模板建站。使用网站模板有什么样的优势?您可以轻松地修改网站模板,然后套用上自己的内容和图片变成自己的项目 网站模板一般都建好了专业的H...

3年前 (2014-06-24) 58645℃ 13评论 20喜欢

本站在用的一款炫丽过渡的CSS3导航菜单

本站在用的一款炫丽过渡的CSS3导航菜单
昨天把博客的导航菜单修改了一下。加了一些新的CSS3样式。现在的效果大家也可以在我的导航菜单直接看得到。 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。使用CSS3的选择器的很容易地创建一个真正的新的和独特的设计。 今天就分享一款CSS3下拉菜单的炫丽效果:当你在...

3年前 (2014-06-14) 4490℃ 3评论 15喜欢

分享一款纯CSS3水平控制导航菜单和选择项

分享一款纯CSS3水平控制导航菜单和选择项
分享一款基于纯CSS3的水平控制导航菜单源码,它有3种不同的颜色风格,菜单数量的数量可以自己定义,鼠标点击按钮时背景色块将会缓慢移动到所在的菜单位置。除了使用菜单,大家还可以用这个来做水平控制开关按钮。效果应该也很不错。我们可以用它来控制用户的选择项。 下面分享一下第一个菜单...

3年前 (2014-06-13) 4057℃ 0评论 8喜欢

CSS3实用技巧:几行代码实现图片黑白效果

CSS3实用技巧:几行代码实现图片黑白效果
昨天看到一个不错的CSS3代码,几行代码就可以实现图片的黑白效果。感觉这个效果和代码都很不错,就分享给大家。觉得不错的可以收藏起来。原图如下:img.desaturate {filter: grayscale(100%); -webkit-filter: gray...

3年前 (2014-06-11) 8761℃ 3评论 19喜欢

如何用CSS3和jQuery创建一个动态的粘性头部(sticky header)

如何用CSS3和jQuery创建一个动态的粘性头部(sticky header)
在一些很长的表格中,常常会使用表头悬浮的设计以方便阅读,即在表格离开窗口之前,表头会一直 fixed 悬浮在表格的最顶上。还有许多诸如评论框顶部标题菜单等元素,也采用了这种被称为 Sticky Pin 或者 粘性元素 的设计。下面就说一下如何用CSS3和jQuery创建一个粘性元...

3年前 (2014-05-14) 7405℃ 4评论 12喜欢

分享一段图片抖动放大效果CSS3代码

分享一段图片抖动放大效果CSS3代码
现在好多评论中的头像图片都加了各种鼠标效果。这段css就可以实现图片抖动放大的效果。 之前我的博客上面的列表图片都加了这个效果。现在感觉不台需要了,所以就去掉了这个效果。 不过代码收藏着分享给大家,也许有的朋友会喜欢这个效果的。鼠标移动到图片上面的时候,就会抖动放大一次。光标...

3年前 (2014-04-23) 6762℃ 6评论 5喜欢

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

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

3年前 (2014-03-15) 118992℃ 8评论 726喜欢

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

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

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

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

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

3年前 (2014-01-29) 12212℃ 2评论 20喜欢

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

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

3年前 (2014-01-28) 32219℃ 5评论 325喜欢

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

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

3年前 (2014-01-26) 4262℃ 0评论 10喜欢