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