css3
-
如何用css3实现当鼠标移进去时当前亮其他变灰的效果
这篇文章主要介绍了用css3实现当鼠标移进去时当前亮其他变灰效果,需要的朋友可以参考下 用css3实现鼠标移进去当前亮其他变灰 *{margin: 0;padding: 0;font-size:12px;} .wrapper{border: 1px #708090 solid;width: 900p…
-
如何使用CSS3中的calc()属性来表达尺寸
这篇文章主要介绍了关于如何使用css3中的calc()属性来表达尺寸，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 calc()的用法十分巧妙,可以像我们在学校做数学应用题那样列式子来计算长度宽度等值,从而一定程度上实现自适应布局,下面我们就来介绍如何使用CSS3中的calc()属性…
-
如何使用HTML和CSS3绘制基本卡通图案
这篇文章主要介绍了使用css3绘制基本卡通图案的示例分享,不过必须承认,这样做的代码量并不是很少…well,需要的朋友可以参考下 纯HTML+CSS实现阿童木头像先上最终效果图： 在里面主要用的了CSS中的几个属性：position—定位；border-radius—圆角；box-sha…
-
关于CSS3中常见transformation图形变化的用法
这篇文章主要介绍了css3的常见transformation图形变化用法小结,共整理了旋转、缩放、平移、倾斜以及矩阵的使用方法,需要的朋友可以参考下 1.rotate旋转旋转图片，单位deg，为“度”的意思 -moz-transform: rotate(20deg); -webkit-transfo…
-
使用CSS3实现扇形动画菜单
这篇文章主要给大家介绍了利用纯css3实现扇形动画菜单(简化版)实例源码，文中给出了完整的示例源码，实现后的效果非常动感漂亮时尚，需要的朋友可以参考借鉴，下面来一起看看吧。 之前的一篇文章介绍这种效果的实现，但实现代码太过繁琐，所以在这里分享以下简化版的实现方法，有需要的可以参考学习。 原文章请点击…
-
关于CSS3中currentColor关键字的使用方法
这篇文章主要介绍了CSS3中currentColor关键字的妙用,合理地使用currentColor往往会让CSS代码更加简洁,同时也能与SVG图标很好地结合使用,需要的朋友可以参考下 初识 它是何物？具有怎样的功效？它从哪里来？带着这些疑问我们继续。 下面是来自MDN的解释： currentCol…
-
关于CSS3定位和浮动的解析
这篇文章主要为大家详细介绍了css3定位和浮动的概念，以及实例代码讲解css3定位和浮动的使用方法，感兴趣的小伙伴们可以参考一下 本文为大家分享CSS3定位和浮动的基础概念，与使用方法，供大家参考，具体内容如下 一、定位 1、 css定位： 改变元素在页面上的位置 立即学习“前端免费学习笔记（深入）…
-
如何使用CSS3中appearance属性改变元素的外观
这篇文章主要介绍了关于如何使用css3中appearance属性改变元素的外观，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 大家都知道每个浏览器对HTML元素渲染都不一样，比如说button，在chrome和ff中，渲染出来的效果都是不尽相同的。这样一来就有了今天这个思路，利用浏览…
-
关于CSS3的@font face规则的解析
这篇文章主要介绍了真正了解css3背景下的@font face规则,具有一定的参考价值，感兴趣的小伙伴们可以参考一下 很多人只要一提到 @font face 规则，心中就会不由自主“哦~~”的一声：“这个我知道，可以用来生成自定义字符小图标！”话是没错，问题在于很多人就以为生成字符小图标就是 @fo…
-
如何使用CSS3制作彩色进度条样式
这篇文章主要介绍了关于如何使用css3制作彩色进度条样式，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下 用CSS3的border-radius、box-shadow、transition、-moz-linear-gradient、-webkit-gradient等样式就可以完成一个时…
