博客首页 → CSS3

最新文章列表

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

强制不换行 p { white-space:nowrap; } 自动换行 p { word-wrap:break-word; word-break:normal; } 强制英文单词断行 p { word-break:break-all; } *注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。 span { display:block; }
csscss3英文数字汉字混排换行 
fen5251 评论(0) 有573人浏览 2016-11-28 10:57

CSS3滤镜(Filters)功效

滤镜(Filters)是CSS3中新增的功能，可以实现模糊效果，透明效果，色彩反差调整，色彩反相等效果。 滤镜(filter)效果如下： grayscale(灰度级), blur(模糊),sepia(怀旧老照片效果), 
css3滤镜filters效果 
kstgjfk403 评论(0) 有498人浏览 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 ...
css3transition 
kstgjfk403 评论(0) 有1180人浏览 2016-11-24 10:51

免费的bootstrap模板下载

免费的bootstrap模板下载 下载地址：https://piterlin.github.io 截图：
boostrapcss3html5h5 
presses 评论(0) 有771人浏览 2016-10-08 17:26

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

加广告与加封页脚的代码是差不多的！ 以前封页脚都是图片现在只是简单的css就可以实现有效减少http请求  加快页面的的加载速度····· <!D<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ...
csscss3div封脚 
wyr123789 评论(0) 有4585人浏览 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@keyframesCSS3HTML5h5 
onestopweb 评论(0) 有686人浏览 2016-07-28 16:27

HTML5 的 CSS3 Media Queries 实践

先来介绍下 media，确切的说应该是 CSS media queries（CSS 媒体查询），媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制 ...
HTML5CSS3mediaht-for-webdevicePixelRatio 
xhload3d 评论(0) 有953人浏览 2016-06-27 00:35

实践 HTML5 的 CSS3 Media Queries

先来介绍下 media，确切的说应该是 CSS media queries（CSS 媒体查询），媒体查询包含了一个媒体类型和至少一个使用如宽度、高度和颜色等媒体属性来限制 ...
HTML5CSS3mediaht-for-webdevicePixelRatio 
xhload3d 评论(0) 有502人浏览 2016-06-21 09:27

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

效果：http://hovertree.com/texiao/css3/19/   本菜单是仿小米网的菜单，大气也实用。纯CSS3实现，兼容各种最新浏览器。代码如下： <!doctype html> <!-- W3C规范 --> <html lang="zh"> <!-- 声明 --> <head> ...
csshtmlcss3html5Web 
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" /> ...
csshtmlwebcss3html5 
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 ...
csshtmlwebcss3html5 
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 ...
csshtmlcss3webhtml5 
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 ...
jquerycssjavascriptcss3html 
ini 评论(0) 有112人浏览 2016-03-31 20:58

jquery+css3实现3D拖拽相册

jquery+css3实现3D拖拽相册 <html onselectstart='return false'><!-- onselectstart='return false'禁用整个页面的选中作用 --> 设置3d效果transform-style:preserve-3d;transform:perspective(800px) rotateX(-10deg) rot ...
jquerycss3实现3D拖拽相册界面美工 
qq_24665727 评论(0) 有1165人浏览 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题目： 下列正则表达式中( )可以匹配首位是 ...
cssjavascriptcss3htmlweb 
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=" ...
css3htmlwebhtml5css 
ini 评论(0) 有419人浏览 2016-03-07 21:23

CSS3文本溢出显示省略号

CCS3属性之text-overflow:ellipsis;的用法和注意之处 语法： text-overflow：clip | ellipsis 默认值：clip 适用于：所有元素 clip： 当对象内文本溢出时不显示省略标记（...），而是将溢出的部分裁切掉。 ellipsis： 当对象内文本溢出时显示省略标记（...）。 更多参考：http://hovertree.com/h ...
csscss3htmlwebhtml5 
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 ...
csscss3htmlwebhtml5 
ini 评论(0) 有202人浏览 2016-02-25 15:12

最近博客热门TAG

Java(141741) C(73643) C++(68602) SQL(64557) C#(59604) XML(59131) HTML(59042) JavaScript(54916) .net(54782) Web(54511) 工作(54116) Linux(50906) Oracle(49861) 应用服务器(43285) Spring(40811) 编程(39452) Windows(39380) JSP(37540) MySQL(37266) 数据结构(36420)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics