当前位置:主页> Tags标签> css3网站首页Taglist

jQuery CSS3右悬浮带二维码的返回顶部代码分享

发布时间:2017-02-15作者:余斗分类:[Html5模版]
jQuery CSS3右悬浮带二维码的返回顶部代码分享
    分享一款用jQuery和css3实现的网页右侧悬浮带二维码的返回顶部的代码,手机站和pc站都适用,固定高宽,很美观...... 阅读全文>>

纯CSS3实现的图片切换幻灯片效果

发布时间:2016-07-20作者:余斗分类:[Html5模版]
纯CSS3实现的图片切换幻灯片效果
    网页使用一些特效的时候加载过多的js会导致页面加载缓慢,十分影响用户体验,而自从css3技术流行开来,很多用js实现的特效,现在用css3也能实现,今天余斗就分享一个用css3纯代码写出的页面图片切换效果,大家可以参考自己扩展使用。...... 阅读全文>>

一款HTML5/CSS3悬浮菜单源码推荐(可自定义小图标)

发布时间:2016-04-23作者:余斗分类:[Html5模版]
一款HTML5/CSS3悬浮菜单源码推荐(可自定义小图标)
    今天要分享的这款CSS3菜单是悬浮菜单,当鼠标滑过菜单项时,整一个菜单项即会悬浮上来。另外,菜单还允许你自定义漂亮的小图标,小图标也会悬浮上来,非常不错。...... 阅读全文>>

CSS3毛玻璃实现微信发红包看照片

发布时间:2016-03-06作者:余斗分类:[Html5模版]
CSS3毛玻璃实现微信发红包看照片
    前面讲了《利用CSS3实现图片的毛玻璃效果》,接下来我们可以结合CSS3毛玻璃实现微信版的发红包看完整照片效果。可以完美的兼容移动端与PC端。应用此代码需要注意的要点有:1.h5头部别忘引入viewport:...... 阅读全文>>

利用CSS3实现图片的毛玻璃效果

发布时间:2016-03-06作者:余斗分类:[Html/css]
利用CSS3实现图片的毛玻璃效果
    用PS给图片做后期效果制作的朋友都知道,PS中的滤镜特效有个高斯模糊,这个用来给图片做毛玻璃效果很好,比如下图,就是余斗用高斯模糊做出的一个毛玻璃效果:这个效果用PS来实现非常简单,但是在前端设计中,这样的效果我们还可以通过CSS3来实现,代码也很简单,实现效...... 阅读全文>>

推荐一个网页加载后图片翻转效果的CSS3代码

发布时间:2016-03-04作者:余斗分类:[Html5模版]
推荐一个网页加载后图片翻转效果的CSS3代码
    特效说明:这是一款CSS3网页加载后图片翻转效果代码,基于CSS3属性transform编写简单动画,随简单,但是效果很好的图片翻转效果。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)...... 阅读全文>>

30款CSS3实现的加载Loading时特效

发布时间:2016-03-02作者:余斗分类:[Html5模版]
30款CSS3实现的加载Loading时特效
    这是一组效果非常炫酷的CSS3页面预加载loading动画特效。该特效共有30种不同的loading效果。所有的加载动画都是使用CSS3来完成,jQuery代码只是用于隐藏加载动画。当你点击页面的任何一个地方时,loading动画就会被隐藏。...... 阅读全文>>

推荐:好玩的CSS3抖动特效——Shake

发布时间:2016-01-30作者:余斗分类:[Html5模版]
推荐:好玩的CSS3抖动特效——Shake
    很久之前就在别人网站上看到这个抖动的特效,一直也想在自己博客上弄一个,昨天刚好看到一个CSS3教程说道这个特效,就在自己博客上实现了,看看效果吧:这里要用到的就是CSS3的特性——Shake,Shake使用SASS编写,...... 阅读全文>>

CSS3中nth-child()选择器的用法

发布时间:2015-12-23作者:余斗分类:[Html/css]
CSS3中nth-child()选择器的用法
    接触前端的人都应该碰到过标签“nth-child() ”,这是一个神器的标签,可以轻松的选取我们想要的标签并加样式。今天余斗就详细说说这个nth-child的用法::nth-child(n)选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素,其中n是一个简单的表达式,那么"n"取值...... 阅读全文>>

CSS3全屏双面板内容切换实例

发布时间:2015-12-14作者:余斗分类:[Html5模版]
CSS3全屏双面板内容切换实例
     这是一款效果非常炫酷的全屏双面板内容切换UI设计效果。该UI设计使用CSS3和jQuery来制作双面板效果,左右两个面板可以通过箭头按钮来相应切换具体的内容,在内容切换时带有一些3D效果,非常炫酷。...... 阅读全文>>
10
手机扫一扫 随身带着看
鸿运国际手机登录首页