博客首页 → CSS3

最新文章列表

box-shadow 用法

阴影 box-shadow box-shadow是向盒子添加阴影，可以添加一个或者多个。   语法： box-shadow ：X轴偏移量  Y轴偏移量  [ 阴影模糊半径] [阴影扩展半径] [ 阴影颜色][投影方式] X轴偏移量：必需，水平阴影的位置，允许为负值。 Y轴偏移量：必需，垂直阴影的位置，允许为负值。 阴影模糊半径：可选，模糊距离。 阴影扩展半径：可选，阴影的尺寸。 ...
css3 
lihuaylh 评论(0) 有554人浏览 2014-11-27 11:12

CSS3 圆角制作的消息提示图标

CSS3 圆角制作的消息提示图标，如果你想知道它是如何被开发的，请点击连接查看。http://www.gbtags.com/gb/rtreplayerpreview/142.htm
CSS3
tyygming 评论(0) 有838人浏览 2014-11-26 14:58

css3动画鼠标滑过图片变大并且显示透明渐变遮罩背景

最近看到w3cfuns教程页面的一个效果，学习和实现了一下，感觉不错，大家以后可以在项目中使用，其中几个知识点：   1、使用伪类元素:before和after来处理显示在图片上面的半透明遮罩背景和图片效果 2、使用css3动画属性transform:scale(1.1) 变化图片大小 3、使用transition实现渐变动画效果   页面代码如下： <body id=&quo ...
伪元素css3transformtransition 
zhudage001 评论(0) 有1471人浏览 2014-11-26 11:18

纯css3实现的文字亮光特效

今天给大家分享一款纯css3实现的文字亮光特效。这款特效文字上一道亮光逐渐扫过文字。效果非常漂亮。一起看下效果： 在线预览   源码下载 实现的代码。 html代码： <span class="shiny"><span class="inner-shiny">Shiny</span> </span> ...
CSS3 
liaohuolin88 评论(0) 有55人浏览 2014-11-24 08:55

一款基于css3的动画按钮

之前为大家分享了 推荐10款纯css3实现的实用按钮。今天给大家带来一款基于css3的动画按钮。实现的效果图如下： 在线预览   源码下载 实现的代码。 html代码： <div class="share-buttons"> <div class="share-button"> ...
CSS3css3按钮 
liaohuolin88 评论(0) 有59人浏览 2014-11-23 14:09

你可能不知道的10个CSS3中的隐藏特性

概述：W3C正不断致力于为设计师、开发人员和用户开发新的CSS特性，最新的CSS3为web设计增添了许多令人惊叹的特性，下面我们就来看看你可能不知 ...
CSS3流动布局指针事件 
shoothao 评论(0) 有1719人浏览 2014-11-21 10:46

手机端第一屏页面文章的展开和隐藏

      本人做的是手机端的前端开发，事事处处都得从手机用户的体验着手考虑。大家都知道手机相对于pc来说要小很多，所要容纳的东西相对于pc来说也要少之又少。一些重要的东西又希望用户在打开手机网站的第一屏就能看到，这时就要尽可能地将重点呈现给用户。       内容又由文字，图片等等信息组成，如果文字过长，就显得冗余，这里就为大家介绍一个如何隐藏多余文字和展开多余文字的方法。       需 ...
HTMLjavascriptCSSCSS3jQuery 
y2010081134 评论(0) 有2251人浏览 2014-11-18 22:39

一个app下载框

      今天闲着没事，就研究了下公司的网站，就“偷”了点东西出来。下面来制作一个简单的app下载框，为我的公司作下宣传哈。 需要的技术支持 ...
HTMLCSS3jQuery 
y2010081134 评论(0) 有894人浏览 2014-11-13 23:39

推荐10款纯css3实现的实用按钮

在2014年的双11即将来临之季，爱编程小编为大家整理10款纯css3实现的按钮。希望这对坚守在前端的码农们有所帮助。亲，如果你有好的资源也可在本文留言，让从事编码的程序员们抱团。工作更轻松。 No1.一款基于css3非常实用的鼠标悬停特效 这款特效，当鼠标经过时候一个半透明的遮罩层倒下来。效果很好，而且是纯css3实现的，代码很少，非常实用。 效果如下：
CSS3css3按钮 
liaohuolin88 评论(0) 有48人浏览 2014-11-10 17:07

一款纯css3实现的数字统计游戏

今天给大家分享一款纯css3实现的数字统计游戏。这款游戏的规则的是将所有的数字相加等于72。这款游戏的数字按钮做得很美观，需要的时候可以借用下。一起看下效果图： 在线预览   源码下载 实现的代码。 html代码: <h1> CSS Counter Game</h1> <section> <h2&g ...
CSS3 
liaohuolin88 评论(0) 有58人浏览 2014-11-10 08:43

一款基于css3非常实用的鼠标悬停特效

今天给大家带来一款基于css3非常实用的鼠标悬停特效。这款特效，当鼠标经过时候一个半透明的遮罩层倒下来。效果很好，而且是纯css3实现的，代码很少，非常实用。 效果如下： 在线预览   源码下载 实现的代码： html代码： <div align="center" style="position: relative;"> ...
CSS3 
liaohuolin88 评论(0) 有63人浏览 2014-11-05 09:03

CSS3实现的苹果网站搜索框效果

在线演示 本地下载 用CSS3相关属性生成的动态搜索框效果。
CSS3 
tyygming 评论(0) 有334人浏览 2014-11-04 09:52

35个让人惊讶的CSS3动画效果

1. Pure CSS Coke Can 2. Colorful Clock 3. jQuery DJ Hero 4. Animated Pricing Column 5. Slick jQuery Menu 6. Frame-by-Frame Animation (Hover to Play) 7. AT-AT Walker 8. Contextual  ...
css3css3动画 
tyygming 评论(0) 有909人浏览 2014-11-03 14:22

一款基于css3的简单的鼠标悬停按钮

今天给大家分享一款基于css3的简单的鼠标悬停按钮。这款悬停按钮鼠标经过前边框是间断的。当鼠标经过的时候边框间隔消失。效果图如下： 在线预览   源码下载 实现的代码。 html代码： <div class="container"> <p> Single gradient border</p& ...
CSS3css3按钮 
liaohuolin88 评论(0) 有45人浏览 2014-11-03 09:03

一款简洁的纯css3代码实现的动画导航

之前为大家介绍了好多导航菜单，今天给大家分享一款简洁的纯css3代码实现的动画导航。鼠标经过的时候以背景色以菱形渐变为长方形。效果图如下： 在线预览   源码下载 实现的代码。 html代码： <div align="center" style="background-color: #ee1d27; padding: 20px;"> ...
CSS3导航 
liaohuolin88 评论(0) 有51人浏览 2014-10-31 09:10

一款纯css3实现的响应式导航

之前为大家介绍了好几款响应式导航。今天再给大家带来一款纯css3实现的响应式导航。这款导航还有个响应式的搜索框。废话少说，直接上图： 在线预览   源码下载 实现的代码。 html代码： <div class="navbar"> <a class="brand" href="#"&g ...
CSS3 
liaohuolin88 评论(0) 有46人浏览 2014-10-30 09:13

css选择器顺序的小技巧

在线演示 本地下载 css的选择器的顺序其实很有意思，如果应用的好的话，可以做一些简单的逻辑出来，配合上css3，就可以尽可能的脱离js了。 这里的演示是一个带有hover事件的四张照片，效果来自一个国外优秀单页，我在recode的时候做的，看源码他应该是用的js，我这里改成了css做，正好可以演示一下css选择器的顺序技巧。 首先是li标签的样式，这里就不说了，主要说一下hover的 ...
css3css 
tyygming 评论(1) 有903人浏览 2014-10-28 16:54

一款纯css实现的垂直时间线效果

  今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色，界面效果还不错。一起看下效果图： 实现的代码。 html代码： 。。。 阅读原文：一款纯css实现的垂直时间线效果
CSS3 
tyygming 评论(0) 有650人浏览 2014-10-28 13:41

5款超赞的HTML5 3D效果实例演示

        HTML5是web开发世界的一次重大的改变,事实上不管你是否喜欢,它都是代表着未来趋势。其实HTML5并不难理解和使用。先来看看HTML5实现的几个效果。作为像我一个草根技术员，尤其是前端技术员，不早早的掌握这些必修课，将来可能真是要丢饭碗啊。我滴泪……   第一个 html5 canvas分子粒子模型背景效果在线演示 效果图： 演示地址：http://www.ui3g.c ...
HTML5javascriptcss3 
StevenSophia 评论(0) 有3460人浏览 2014-10-24 13:10

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics