css3
-
CSS3的30个选择器总结
本文总结了30个CSS3选择器,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 或许大家平时总是在用的选择器都是：#id .http://www.php.cn/wiki/164.html” target=”_blank”>cla…
-
css3中的常用属性介绍
rgba background：rgba(0, 118, 160, .25); 前三个值是RGB颜色值，最后一个值是水平的透明度（0 =透明，1 =不透明）。 RBGA可应用于任何与颜色相关的属性如字体颜色，边框颜色，背景颜色，阴影的颜色，等 文本阴影 text-shadow（不需要判断浏览器）…
-
使用css3实现简单的响应式布局（代码）
本文简单的讲解了如何使用css3实现简单的响应式布局： css3文件： *{ margin:0px; padding: 0px;}.heading,.container,.footing{ margin: 10px auto;}.heading{ height: 100px; background-…
-
纯CSS3画出小黄人并实现动画效果
前言前两天我刚发布了一篇css3实现小黄人动画的博客，但是实现的css3动画是基于我在站酷网找到的一张小黄人的jpg格式图片，并自己用ps抠出需要实现动画的部分，最后才完成的动画效果。但是，其实我的初衷是想体验一下用图片做动画的赶脚，但是找不到素材，才无奈用了最笨的方法来满足自己的需求，本想勉强能看…
-
介绍css3过渡和动画有哪些区别
background-color: rgb(252, 252, 252);”>CSS3 过渡 css3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用flash动画或javascript。用鼠标移过下面的元素： 也就是说我们设置好元素过渡后，突然间改变元素的属性，…
-
使用css3截断文本并加省略号
代码展示： overflow : hidden;/*text-overflow: ellipsis; 有些示例里需要定义该属性，实际可省略*/display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; 概述 -we…
-
教你怎么使用css3实现隔行换色
css3如何实现隔行换色呢？使用css3选择器 p:nth-of-type(odd)奇数 和 p:nth-of-type(even)偶数 以下是部分实例: p:nth-of-type(odd){background:#ff0000;}p:nth-of-type(even){background:#0…
-
介绍css3中REM的使用方法
在页面中设置字体，我们知道有常见的两种，px 和 em. px 在Web页面制作中，我们一般使用“px”来设置我们的文本，因为他比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，他改变了浏览器的字体大小（虽然一般人不会去改变浏览器字体大小），这时会使用我们的Web…
-
基于CSS3鼠标滑过放大突出效果详解及实例
还记得之前分享过一款css3图片悬停放大特效，效果非常不错。今天我们要再来分享一款类似的css鼠标滑过放大突出效果，只不过之前那个是图片，这次是色块，其实掌握了其css原理，任何网页元素都可以实现这种突出放大的css3动画特效。效果图如下： 实现的代码。 html代码： @@##@@ @@##@@ …
-
使用CSS3各个属性实现小人的动画实例代码
使用css3各个属性实现带有音乐小人的动画，完全不使用js代码： 注：chrome浏览器效果最佳，最终效果静态图： HTML代码如下： 立即学习“前端免费学习笔记（深入）”； 练习一个小人的动画 I ♥ Y O U ♫ ♪ CSS代码如下： /* CSS Document…
