•    
    返回顶部
  •    
    查看评论
  •    
    转至底部
TYStudio-专注WEB前端开发

TYStudio是一个专注于WEB前端开发技术的IT博客,原创并翻译国外优秀的WEB前端开发开技术文章和资讯。

TYStudio-专注WEB前端开发
  • 首页
  • 博客介绍
  • 前端开发
    • UI设计
    • CSS & CSS3
    • HTML5
    • JS & jQuery
    • 色彩知识
  • DOTNET
    • ASP.NET MVC
    • Membership
  • UI素材
    • 图片素材
    • 网站模板
  • WordPress主题下载
    • 汉化主题
  • WordPress插件
  • 联系天屹

鼠标悬停图片之上显示标题效果实现(多种风格)


  • 2013年8月28日
  • /
  • CSS & CSS3
  • /
  • 12条评论
  • /
  • 浏览:15,378

CaptionHoverEffect

查看演示源码下载

浏览器兼容:支持Firefox, Chrome, Safari, Opera, IE10, IE9不支持渐变效果, IE8以下不支持。

HTML结构

整个结构有一个ul无序列表构成,每个li下面都有一个含图片和标题的内容的figure元素,figure下的figcaption用来显示标题的内容。 继续阅读…

创意CSS3 Button集合


  • 2013年6月14日
  • /
  • CSS & CSS3 前端开发
  • /
  • 没有评论
  • /
  • 浏览:2,014

今天为大家分享一些用css3写出来的创意样式按钮。这套按钮样式在鼠标经过时、点击时都有一些微妙的变换,包含一些简单css3过渡效果、动画效果以及javascript的辅助控制效果。 继续阅读…

使用jQuery和CSS3制作内容丰富的Select选择列表


  • 2013年5月27日
  • /
  • CSS & CSS3 JS & jQuery 前端开发
  • /
  • 没有评论
  • /
  • 浏览:59,630

在做前端开发的时候,你是否有过想定制一些select选择列表的内容格式,今天介绍一个小插件tzSelect,可以自定义select选择列表的样式。由于该插件不支持最新的jQuery,天屹做了一些改进使其兼容最新的jQuery版本,并会详细的介绍这个插件的实现方法。 继续阅读…

响应式商品展示列表的实现


  • 2013年5月20日
  • /
  • CSS & CSS3 JS & jQuery 前端开发
  • /
  • 一条评论
  • /
  • 浏览:5,825

介绍一个最新的响应式商品展示列表,同时带有一些社会化和商品细节的显示。当点击旋转按钮的时候会显示商品的背面,使用Media queries实现响应式显示商品。当浏览器支持Flexbox的时候使用Flexbox。 继续阅读…

使用CSS3 Translation为社会化图标添加动画效果


  • 2013年5月13日
  • /
  • CSS & CSS3 前端开发
  • /
  • 2条评论
  • /
  • 浏览:3,151

很多博客和网站为了更好和阅读者沟通都会添加一些社会化图标,本篇文章将介绍如何使用CSS3 translation属性为社会化图标添加一些简单的动画效果,教程中一共提供了四种不同的动画效果。 继续阅读…

页面过度动画效果大集合


  • 2013年5月8日
  • /
  • CSS & CSS3 JS & jQuery 前端开发
  • /
  • 6条评论
  • /
  • 浏览:6,589

今天我们来分享一些创造性的页面过度效果,我们把各种页面过度动画效果放在一起,以便可以方便的查看这些有趣的和创造性的过度动画效果 继续阅读…

纯CSS3实现手风琴风格菜单


  • 2013年5月6日
  • /
  • CSS & CSS3 前端开发
  • /
  • 3条评论
  • /
  • 浏览:5,747

今天分享一个如何使用纯CSS3创建手风琴风格菜单教程,菜单主要通过使用:target伪类来实现。 继续阅读…

使用CSS3 PIE让IE6-8正确的显示圆角


  • 2013年4月30日
  • /
  • CSS & CSS3 前端开发
  • /
  • 没有评论
  • /
  • 浏览:5,146

很多项目开发中会兼容IE6-8,但是IE6-8不支持CSS3这使得很多漂亮的圆角效果实现起来非常的麻烦,本篇教程中将介绍如何使用CSS3 PIE让IE6-8正确的显示圆角。 继续阅读…

使用伪元素创建不同风格CSS3 Button


  • 2013年4月26日
  • /
  • CSS & CSS3 前端开发
  • /
  • 没有评论
  • /
  • 浏览:1,895

今天我们来使用伪元素来创建不同风格CSS3 button,我们只用一个超链接标签来作为按钮的HTML结构,然后通过强大的CSS来实现Button的样式,当然本篇文章主要是通过使用伪元素。 继续阅读…

CSS3 Button按钮欣赏


  • 2013年4月24日
  • /
  • CSS & CSS3 前端开发
  • /
  • 没有评论
  • /
  • 浏览:1,455
css3buttonscollection

天屹最近整理收集了一些最新的CSS3 Button按钮,今天分享出来供大家欣赏并提供源码下载,同时还会继续整理收集新的CSS3 Button添加到这个列表里面来,如果你喜欢,记得随时来看看哦。 继续阅读…

12下一页

Me

天屹

奋斗在技术之路的程序猿,喜欢JS,热爱前端开发。

  • 新浪微博
  • 腾讯微博
  • 微信

订阅到邮箱

输入邮箱订阅TYStudio的精彩内容

热门文章

  • WordPress博客主题Bliss深度汉化分享
  • 为不同操作系统使用不同的中文字体
  • 使用jQuery和CSS3制作内容丰富的Select选择列表
  • 推荐23套免费的网页小图标素材下载
  • MVC4 Simplemembership后台权限管理系统(附源码下载)
  • 联系天屹
  • MVC4 Simplemembership实现用户权限管理-权限控制
  • 10个免费后台管理系统模板
  • ASP.NET MVC 5 Authentication Filters改进了基于过滤器的身份验证
  • Simplemembership实现用户权限管理-初步认识

标签

ASP.NET三层架构 button css CSS3 CSS Sprite dotnet Enterprise Library Entity Framework HTML5 Javascript jQuery jQuery插件 jQuery菜单 MVC MVC4 SimpleMembership StructureMap UI素材 UI设计 WordPress插件 中文字体 前段框架 加载动画 响应式 异常处理 扁平化 权限管理 汉化主题 用户体验 网站测试工具 网页模板 色彩搭配

最新文章

  • 为不同操作系统使用不同的中文字体
  • Web 中文字体应用指南(转)
  • 十款免费的在线网站测试工具
  • 好的用户界面-界面设计的一些技巧
  • 颜色知识-为什么 Facebook 是蓝色的?

推荐网站

jsshare网页特效

博客介绍

TYStudio是一个专注于WEB前端开发技术的IT博客,原创并翻译国外优秀的WEB前端开发开技术文章和资讯。

如果您觉得博客的内容对您的学习有所帮助:

登录
联系天屹

友情链接

W3CPlus
jsshare网页特效

国外前端技术博客

Codrops
Line25
Tutorialzine
Six Revisions
Cats Who Code
InsertHtml
HTML5 Tutorial
Web Designer Wall

订阅到邮箱

输入邮箱订阅TYStudio的精彩内容

沪ICP备14003560号Copyright © 2013 TYStudio All Rights Reserved. Powered By WordPress  静态文件存储由七牛云存储提供