CSS 边框图片
4胡, 金乐 发布于 2018-01-27
css 新增了可以给边框设置背景图片，想想没提供之前我们是怎么实现的，下面对比下 当我看到后，我感觉很神奇，我就研究了下，写了几个小栗子，分享下。 我的html 代码： 我的css 代码： 总结：重点理解：repeat代表平铺方式，slice 是裁切的意思。 &...
阅读(6)评论(0)赞 (0)
标签：CSS3
CSS3选择器之属性选择器
2胡, 金乐 发布于 2017-12-23
CSS3新增了许多选择器，有兴趣的可以查看w3c ,我最近也在学习css3 html代码 我现在要给姓名和密码添加样式，我不想用class 和ID ，有时候想一个类名，能想1分钟，css3可以做到不用写类名了。 选择器还有很多，比如伪类，伪元素，有兴趣的可以学习下。 ...
阅读(4)评论(0)赞 (0)
用css3实现彩色边框
2lee 发布于 2017-11-01
一般我们遇到的border基本都是纯色，最近正好有个客户想要做置顶的时候，列表加一个彩色边框效果。 研究了CSS3发现了一个不错的样式，但是不太常用就是border-image属性。 这个属性加上CSS中的渐变色属性，正好可以实现多色渐变边框效果。 如下图效果： 代码和效果入上图...
阅读(7)评论(0)赞 (0)
论前端框架
2胡, 金乐 发布于 2017-10-29
最近我发现一个问题，导致我需要学习一下前端的一些技术。就是工作中很多人都在用框架，可能是我用的不太熟练，发现有些时候会被框架给套住。老想着框架怎么实现，框架中有这个功能没。乱七八糟的框架很多，但是为了效率，又不能不学，哎！很矛盾。 所以我们还是学习 h5 css3 js 移...
阅读(6)评论(0)赞 (0)
HTML5 语义标签介绍
小马 发布于 2016-11-12
HTML5 规范包括一系列新的语义元素，用于提供 Web 页面的各个区域或部分的意义，例如页眉、页脚、导航等等。在以前版本的 HTML 中，通常使用 元素来创建这些部分，使用 ID 或 类属性来区分它们。这样做的问题是这没有任何语义意义，因为没有定义严格的规则来指定要使用的类名称...
阅读(4)评论(0)赞 (0)
CSS3 文本阴影 text-shadow 自动换行 word-wrap
发布于 2016-01-06
实现文本阴影的css h1 { text-shadow: 5px 5px 5px #FF0000; } 实现自动换行的css word-wrap 属性允许您允许文本强制文本进行换行 – 即使这意味着会对单词进行拆分 p {word-wrap:break-word;} ...
阅读(6)评论(0)赞 (0)
CSS3 创建多列 column-count resize由用户调整元素尺寸
飞 发布于 2016-01-06
div { -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari 和 Chrome */ column-count:3; } resize 属性规定是否可由用户调整元素尺寸。 div { resi...
阅读(6)评论(0)赞 (0)
CSS3 2D 转换
飞 发布于 2015-12-29
2D转化方法 translate() rotate() scale() skew() matrix()示例： <style> div { margin:30px; width:200px; height:100px; background-color:yellow; ...
阅读(5)评论(0)赞 (0)
css3 动画属性 keyframes
发布于 2015-12-29
css3 的动画属性有很多 今天简单的讲一下 keyframes keyframes 为CSS3新增的属性 功能为定义一个动画效果， 语法为@keyframes name｛10%｛｝50｛｝100｛｝｝ name为定义的动画名称 括号内为定义的动画效果 比如10%的背景颜色为红色...
阅读(5)评论(0)赞 (0)
蓝普汇12.17号
5lee 发布于 2015-12-23
本期的主持人是王坤同事，内容是CSS3动画基础。 主持风格比较生动，有非常大的进步，希望大家能不断进步提高。 标签：CSS3
阅读(8)评论(0)赞 (0)
css 修改seclect 默认样式
发布于 2015-11-25
< !DOCTYPE html> ADVANCED CSS3 STYLING OF SELECT ELEMENT (DROP-DOWN) caffefood beveragerestaurantshoppingtaxi limotheatremuseumcomputers 标签：...
阅读(5)评论(0)赞 (0)
css3 基础
发布于 2015-09-14
最近看这css3 制作的特效非常的炫目，就恶补了一下css实现动画的特效，确实非常的实用，但是一时间记不全 先记下来 以备后用。 css3 动画 主要的元素是@keyframes 来定义动画的动作和程度，比如开始的时候 是什么样的动作 ，执行到中间的时候是什么样的效果 完成的时...
阅读(13)评论(0)赞 (0)
CSS3.0盒模型display:-webkit-box;的使用
3星 发布于 2015-06-09
box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属...
阅读(61)评论(1)赞 (0)
CSS3 动画效果
liu@wbphp.cn 发布于 2015-01-13
transform rotate 设置元素顺时针旋转的角度，用法是： transform: rotate(x); 参数x必须是以deg结尾的角度数或0，可为负数表示反向。 scale 设置元素放大或缩小的倍数，用法包括： transform: scale(a); ...
阅读(14)评论(0)赞 (0)
