CSS3热门博客列表 - ITeye博客频道 - 第2页

博客专栏推荐

本月博客排行

年度博客排行

CSS实现强制不换行、自动换行、强制换行的css代码

强制不换行 p { white-space:nowrap; } 自动换行 p { word-wrap:break-word; word-break:normal; } 强制英文单词断行 p { word-break:break-all; } *注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。 span { display:block; }

css css3 英文数字汉字混排换行

fen5251 评论(0) 有564人浏览 2016-11-28 10:57

CSS3滤镜(Filters)功效

滤镜(Filters)是CSS3中新增的功能，可以实现模糊效果，透明效果，色彩反差调整，色彩反相等效果。滤镜(filter)效果如下： grayscale(灰度级), blur(模糊),sepia(怀旧老照片效果),

css3 滤镜filters效果

kstgjfk403 评论(0) 有476人浏览 2016-11-24 11:15

CSS3实现横向展示图片滑动展示效果(转载)

一个使用CSS3动画效果实现的图片宽度横向展开的效果。 HTML代码如下： <ul id="kwicks"> <li><a class="john" href="http://en.wikipedia.org/wiki/John_lennon" title="John Lennon&qu ...

css3 transition

kstgjfk403 评论(0) 有1164人浏览 2016-11-24 10:51

免费的bootstrap模板下载

免费的bootstrap模板下载下载地址：https://piterlin.github.io 截图：

boostrap css3 html5 h5

presses 评论(0) 有752人浏览 2016-10-08 17:26

纯CSS+CSS3右上角倾斜四十五度封页角效果

加广告与加封页脚的代码是差不多的！以前封页脚都是图片现在只是简单的css就可以实现有效减少http请求加快页面的的加载速度····· <!D<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ...

css css3 div封脚

wyr123789 评论(0) 有4535人浏览 2016-08-16 17:07

H5 @font-face 和 @keyframes 的使用

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,m ...

@font-face @keyframes CSS3 HTML5 h5

onestopweb 评论(0) 有665人浏览 2016-07-28 16:27

HTML5 的 CSS3 Media Queries 实践

先来介绍下 media，确切的说应该是 CSS media queries（CSS 媒体查询），媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制� ...

HTML5 CSS3 media ht-for-web devicePixelRatio

xhload3d 评论(0) 有934人浏览 2016-06-27 00:35

实践 HTML5 的 CSS3 Media Queries

先来介绍下 media，确切的说应该是 CSS media queries（CSS 媒体查询），媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制 ...

HTML5 CSS3 media ht-for-web devicePixelRatio

xhload3d 评论(0) 有463人浏览 2016-06-21 09:27

只用CSS3打造的黑色导航下拉菜单

效果：http://hovertree.com/texiao/css3/19/ 本菜单是仿小米网的菜单，大气也实用。纯CSS3实现，兼容各种最新浏览器。代码如下： <!doctype html>  <html lang="zh">  <head> ...

css html css3 html5 Web

ini 评论(0) 有292人浏览 2016-05-05 14:32

CSS右下角联系方式等导航条

效果体验:http://hovertree.com/texiao/css/23/效果图：代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...

css html web css3 html5

ini 评论(0) 有142人浏览 2016-04-27 16:38

不用JS也能实现图片切换

一般做图片切换效果，都会使用JS或者jQuery脚本，今天发现，单单只用CSS也可以实现。试试效果吧。效果体验：http://hovertree.com/texiao/css3/10/效果图：代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type&q ...

css html web css3 html5

ini 评论(0) 有120人浏览 2016-04-18 15:24

纯CSS3云层飘动阴晴变化动画特效

查看效果：http://hovertree.com/texiao/css3/4/效果图：代码如下： <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa ...

css html css3 web html5

ini 评论(0) 有125人浏览 2016-04-06 10:33

css3导航菜单点击发出点击波动画

效果体验：http://hovertree.com/texiao/jquery/37/代码如下： <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib ...

jquery css javascript css3 html

ini 评论(0) 有112人浏览 2016-03-31 20:58

jquery+css3实现3D拖拽相册

jquery+css3实现3D拖拽相册 <html onselectstart='return false'> 设置3d效果transform-style:preserve-3d;transform:perspective(800px) rotateX(-10deg) rot ...

jquery css3 实现3D拖拽相册界面美工

qq_24665727 评论(0) 有1152人浏览 2016-03-14 15:38

Web前端考试题

JS题目：在JavaScript中( )方法可以对数组元素进行排序。 A. add() B. join() C. sort() D. length() 答案：http://hovertree.com/tiku/bjaf/5v9ps30o.htm 网页特效：http://ini.iteye.com/blog/2165698 JS题目：下列正则表达式中( )可以匹配首位是 ...

css javascript css3 html web

ini 评论(0) 有123人浏览 2016-03-09 15:06

Chrome立体动画代码

效果预览:http://hovertree.com/code/run/css/x8l6si70.html 请实用Chrome浏览器查看效果,手机上也可以. 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content=" ...

css3 html web html5 css

ini 评论(0) 有419人浏览 2016-03-07 21:23

CSS3文本溢出显示省略号

CCS3属性之text-overflow:ellipsis;的用法和注意之处语法： text-overflow：clip | ellipsis 默认值：clip 适用于：所有元素 clip：当对象内文本溢出时不显示省略标记（...），而是将溢出的部分裁切掉。 ellipsis：当对象内文本溢出时显示省略标记（...）。更多参考：http://hovertree.com/h ...

css css3 html web html5

ini 评论(0) 有185人浏览 2016-03-01 14:58

纯CSS打造好看的按钮样式

好看的按钮、链接、div样式,效果预览： http://hovertree.com/code/run/css/s8o19792.html 代码如下： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv ...