- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端Q
CSS3实现图形曲线阴形和翘边阴影
*/ } ②翘边阴影 原理：利用:before和:after，加上绝对定位的性质，可以形成一个矩形，这个时候结合CSS3的倾斜属性skew和旋转属性rote。 transform:skew(15deg) rotate(5deg); } 更多 完整代码已分享到： http://git.oschina.net/LuckyWinty/CSS3Shadow 更多CSS3
1.1K10发布于 2019-12-21 - 来自专栏mysql
hhdb数据库介绍(9-11)
EXPLAIN支持显示JOIN语句、UNION/UNION ALL、子查询语句的路由计划。其中：
17810编辑于 2025-03-12 - 来自专栏FECoding
巧用 CSS3 中的 clip-path 绘制图形
相信大多数前端同学在面试或者学习的时候都遇到过使用 CSS 绘制正方形、三角形等基础图形的问题，各种奇技淫巧想必大家都运用得比较熟练。 本文则介绍了使用 CSS3 中提出的 clip-path 来解决该问题的方法。 clip-path，顾名思义，可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。 其语法和使用案例可移步 MDN 查看，这一来源于 SVG 的属性相当强大，用其完成三角形之类基础图形的绘制十分简单。 可以看到，clip-path 能够完成相当复杂的图形绘制。 唯一能制约 clip-path 放飞自我的可能就是兼容度了，截至本文写作时，浏览器对 clip-path 的支持程度如下： ?
1.4K20发布于 2019-04-25 - 来自专栏天天
CSS3
1.选择器 属性选择器 //其中attr不一定是class，也可以是name，href，id，type。。。。 /*选择具有att属性的E元素*/ .con p[class]{ background: pink; } /*选择具有att属性且属性值等于val的E元素。*/ .con p[class="two"]{ color: white; }
80810发布于 2018-09-29 - 来自专栏ymktchic
CSS3
CSS3 浏览器内核 transition过渡 transition transition-property: all; transition-duration: 1s; first-child{ transform: rotateY(180deg); } .parent:hover div:last-child{ transform: rotateY(0);} CSS3 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center ;margin:5px auto;"> <img src="<em>CSS3</em> <em>CSS3</em>伪元素 CSS 伪元素用于设置元素指定部分的样式。 例如，它可用于： 设置元素的首字母、首行的样式 在元素的内容之前或之后插入内容 请注意双冒号表示法 - ::first-line 对比 :first-line 在 <em>CSS3</em> 中，双冒号取代了伪元素的单冒号表示法
73000编辑于 2022-01-18 - 来自专栏posts
CSS3
值： (1)、normal(正常)；bold(加粗)；（<==常用） (2)、纯数字：100~900的整百数；
1.6K90编辑于 2022-11-02 - 来自专栏韩曙亮的移动开发专栏
【CSS3】CSS3 动画 ① ( CSS3 动画简介 | CSS3 动画实现步骤 | 动画定义 | 代码示例 )
一、CSS3 动画简介 " 动画 " 是 CSS3 相较于 CSS 的 颠覆性 特性 之一 ; 在 CSS3 中 , 可以设置 多个 动画节点 , 精确地 控制 一个动画 或 若干动画 , 实现 复杂 的 动效 ; 动画可以实现 : 过渡效果 更多变化 更多控制 自动播放 等效果 ; 二、CSS3 动画实现步骤 CSS3 动画 实现 步骤 : 首先 , 使用 @keyframes 定义动画 , 后面的
1.9K60编辑于 2023-10-15 - 来自专栏Helloted
图形
orangeColor] setFill]; [p fill]; } 2、UIView+drawRect+context 获取到drawRect自动生成的context,在context里画图形 A，想要使用UIKit绘制完全不同的图形B，此时就希望保存当前绘图context及已绘制内容。 使用UIKit绘制图形B。 使用UIGraphicsPopContext恢复之前的绘图context，继续使用CoreGraphics绘制图形A。 使用场景是： 当前正在绘制图形A。 使用UIGraphicsBeginImageContext将旧的绘图context入栈，创建新的绘图context并使用。 绘制图形B。 结束绘制图形B之后，使用UIGraphicsEndImageContext恢复到之前的绘图context，继续绘制图形A。
1.6K10编辑于 2022-06-07 - 来自专栏python3
CSS3
-webkit-border-radius: 10px; / Webkit (如 Safari 和 Chrome) / border-radius: 10px; / W3C / } 2、快速而有效的 CSS3 技巧 通过相邻兄弟选择器 将 div下一个p更改为 红色字体 div.s1+p div+p 通过通用兄弟选择器 将 div后所有的p 背景改为 #ccc色 div~p △CSS3 多栏布局 column-width column-gap: 2em; column-rule: thin dotted #999; column-width: 12em; } △文字换行 word-wrap: break-word; △CSS3 △背景图片位置 7、可缩放图标：响应式设计中的完美选择 △请见 http://fico.lensco.be/ CSS3 过渡、变形和动画 1、过渡 transition: all 1s ease 0s 美化 HTML5 表单 input:not([type="range"]), textarea, select{/样式/} 针对表单的 CSS3 伪类选择器 input:required ：选择必填表单域
98610发布于 2020-01-10 - 来自专栏WordPress果酱
CSS3 代码生成工具：Create CSS3
CSS3 具有相当多的新增属性，而且包括阴影、动画、过渡等华丽的效果。但是由于 CSS3 出来并没有很久，各个浏览器厂商还在开发中，有些属性仍然会带有实验性前缀。 而且类似制作动画、渐变的 CSS3 代码也相当复杂，一旦写错就会导致出现问题。 为此，有人开发了一个生成 CSS3 代码的工具 Create CSS3 。 这类的工具已经非常多了，但并不是很全，往往只是单纯的生成按钮或者渐变、阴影等等，而这个工具，几乎包括了所有的 CSS3 属性。 你只需要选择一个属性，填写一些参数，就可以生成对应的 CSS3 代码，同时它会自动的在相关属性前面增加实验性前缀，而且在下面还可以看到预览效果。 如果你比较懒，又需要一些 CSS3 编写的效果，不妨来使用一下 Create CSS3 吧！ ----
79810编辑于 2023-04-14 - 来自专栏柠檬先生
初探css3
属性选择器： 1.完全匹配的属性选择器。 就是完全匹配的字符串。 [id=article]{ color:red; } 2.包含匹配选择器。包含有指定的字符串。 语法是：[attribute*=value] attribute 指的属性名，value 指的是属性值， 包含采用“*=”符号。 [id*=article]{ color:red; } 3.首字符匹配选择器。只要开头字符符合匹配
75590发布于 2018-01-19 - 来自专栏全栈开发日记
CSS3（过渡②）
本篇接：CSS（过渡） transition-duration属性： JavaScript 语法： object.style.transitionDuration="5s"; CSS语法： transition-duration: 2s; //值为过渡的时间，可以为秒，也可以是毫秒 值描述time规定完成过渡效果需要花费的时间（以秒或毫秒计）。 默认值是 0，意味着不会有效果。 transition-timing-function 属性： JavaScript 语法： object.style.transi
70510编辑于 2022-05-12 - 来自专栏一只无聊的清风
CSS3入门
法 产生问题的父标签添加 overflow 属性 overflow: hidden | auto | sroll; after 伪元素法 after伪元素法是额外标签法的升级版（推荐) 核心原理:利用CSS3 的新特性自动创建一个叫做after的伪元素，再使用clear:both进行浮动清除 双伪元素法 双伪元素是after伪元素的升级方法 核心原理:利用CSS3的新特性自动创建before和after两个伪元素
2.2K10编辑于 2022-06-27 - 来自专栏进击的君君的前端之路
CSS3边框
1、border-radius 圆角是做网页永远绕不过的话题，以前基本是通过背景图片做的，有了CSS3后可以使用简单的属性搞定，可以通过border-radius设置元素的圆角半径。 2、border-image 边框都是线条略显单调，使用CSS3的border-image属性可以用图片作为边框的修饰。
2.4K50发布于 2018-06-27 - 来自专栏python3
CSS3总结
CSS3总结 一、选择器 1.通用选择器 E~F:E后边所有和E同级的F 2.属性选择器 E[att^=’val’]：att属性中以val开头的 E[att$=’val’]:以val结尾的 E[att*
78120发布于 2020-01-09 - 来自专栏杰的记事本
CSS3 currentColor
currentColor; box-shadow: 0 0 5px solid currentColor; } I learned about this from a panel at SXSW 2011 on CSS3
41640发布于 2019-09-04 - 来自专栏进击的君君的前端之路
CSS3背景
在CSS3之前我们对背景图片的控制极为有限，只能决定其来源、位置、重复，CSS3的到来对背景的使用开辟了一片新天地。 1、background-size 在 CSS3中，background-size 属性规定背景图像的尺寸。这就允许我们在不同的环境中重复使用背景图片，以像素或百分比规定尺寸。 属性规定背景的绘制区域 padding-box: 背景被裁剪到边框盒 border-box: 背景被裁剪到内边距框 content-box: 背景被裁剪到内容框 3、多背景 在之前的CSS中只能使用一张背景图片，CSS3
1.3K30发布于 2018-06-27 - 来自专栏全栈自学笔记
CSS3 动画
动画 动画（animation）是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。
1.1K20编辑于 2022-05-08 CSS3 动画
moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d; 关键帧和动画CSS3 动画的创建有两步：① 定义 CSS3 关键帧 keyframes；② animation 调用 keyframes，并设置动画属性（将动画绑定到需要做动画的标签中）我们在使用 transition 制作一个简单的
1.5K20编辑于 2024-03-19- 来自专栏天天
css3(animate)
1.animate //----------------------------------- <' animation-name '>： 检索或设置对象所应用的动画名称 <' animation-duration '>： 检索或设置对象动画的持续时间 <' animation-timing-function '>： 检索或设置对象动画的过渡类型 <' animation-delay '>： 检索或设置对象动画延迟的时间 <' animat
1.4K30发布于 2018-09-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号