css3.0

CSS之响应式Web设计(横屏/竖屏提醒)

1

zhongxh 发布于 2018-10-19

结合CSS媒体查询,可以创建适应不同设备的方向(横屏landscape、竖屏portrait等)的布局。 语法: orientation:portrait | landscape portrait:指定输出设备中的页面可见区域高度大于或等于宽度 landscape: 除portr...

阅读(251)评论(0)赞 (0)

Magic CSS3 一款独特的CSS3动画特效包

1

zhangli 发布于 2018-03-23

Magic CSS3 Animations 动画是一款独特的CSS3动画特效包,你可以自由地使用在您的网页中。只需简单的在页面上引入 CSS 文件: magic.css 或者压缩版本 magic.min.css 就可以使用了。 效果及样式命名查看 ↓ http://www.jq2...

阅读(264)评论(0)赞 (0)

标签切换模板

1

zhangli 发布于 2017-07-12

含标签切换、视频、轮播、表单 预览:https://pages.ctrip.com/destinationad/moban/Audi/h55.html  

阅读(280)评论(0)赞 (0)

CSS3 iphone式开关的推荐写法

2

zhangli 发布于 2017-07-11

话说这个问题纠结了近一个小时,为什么呢?看看就知道了。在公司的商旅Web移动版本项目上有这么一个交互,需要模仿iphone自带的开关,好吧,肯定没什么问题。 Tip:请使用Chrome查看以下案例 点此查看实例展示 写啊写,html代码出来了: <span class="o...

阅读(363)评论(0)赞 (0)

CSS中文字体对照表

zhongxh 发布于 2017-07-11

CSS中文字体对照表 css字体名可以使用2种Unicode格式,以“微软雅黑”为例: 微软雅黑 和 \5FAE\8F6F\96C5\9ED1,如果未找到需要的字体名称,可搜索在线unicode转换工具。 中文名 英文名 Unicode 华文细黑 STHeiti Light [S...

阅读(332)评论(0)赞 (0)

CSS3技巧:利用css3径向渐变做一张优惠券

zhangli 发布于 2017-06-15

在很多购物网站上都能看到优惠券,代金券,什么什么的券,但基本都是图片直接放上去,那么你有没有想过css来做一个呢,反正我是这样想过。那么你怎么做呢,切图做背景平铺边缘,嗯,有这样想过,如今css3技术这么先进再用背景做平铺是不是已经out了,那么今天给大家介绍一个用css3径向渐...

阅读(275)评论(0)赞 (1)

用 CSS 实现三角形与平行四边形

7

zhangli 发布于 2017-06-05

最近在逛某个技术网站的时候,感觉文章关键词上的样式好酷炫啊。于是我将那种写法照搬到了我的博客中,也许最近逛过我博客的小伙伴已经发现了它出现在哪儿了——分页的样式。来张截图: 你在首页的底部也可以看到这样一个分页栏;是不是看上去还不错?下面就来看看这是如何实现的吧~ 第一种方法:利...

阅读(357)评论(0)赞 (0)

css常见问题

zhongxh 发布于 2016-08-24

无标题文档’ table {border-collapse:collapse; } table, th, td { border: 1px solid blue; } thead table边框为单线 边框为一个像素 <tr> tr不定义css p p里面...

阅读(633)评论(0)赞 (0)

CSS 动画指南: 原理和实战 (一)

zhongxh 发布于 2016-07-07

  CSS 动画指南: 原理和实战(二) 分类: Javascript Web标准2011-10-12 10:10 389人阅读 评论(0) 收藏 举报 简介:无论动画以何种技术载体呈现,无论是传统的手绘动画,还是电脑生成的3D动画,也无论是用Flash还是CSS, 动...

阅读(1135)评论(0)赞 (0)