标签:CSS3

新闻中心

CSS 边框图片

4

胡, 金乐 发布于 2018-01-27

css  新增了可以给边框设置背景图片,想想没提供之前我们是怎么实现的,下面对比下 当我看到后,我感觉很神奇,我就研究了下,写了几个小栗子,分享下。 我的html 代码: 我的css 代码:   总结:重点理解:repeat代表平铺方式,slice  是裁切的意思。 &...

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

新闻中心

CSS3选择器之属性选择器

2

胡, 金乐 发布于 2017-12-23

CSS3新增了许多选择器,有兴趣的可以查看w3c ,我最近也在学习css3 html代码 我现在要给姓名和密码添加样式,我不想用class 和ID  ,有时候想一个类名,能想1分钟,css3可以做到不用写类名了。 选择器还有很多,比如伪类,伪元素,有兴趣的可以学习下。  ...

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

css

用css3实现彩色边框

2

lee 发布于 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)

css

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)

css

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号

5

lee 发布于 2015-12-23

本期的主持人是王坤同事,内容是CSS3动画基础。 主持风格比较生动,有非常大的进步,希望大家能不断进步提高。 标签:CSS3

阅读(8)评论(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)