码迷,mamicode.com
首页 >  
搜索关键字:css3 transition    ( 10407个结果
10. CSS属性书写顺序(重点)
生活中衡量一个人有气质:穿着打扮举止言行等等,编程中如何衡量一个人的代码能力?规范标准优雅高质量等等一个词形容专业从代码中看出是否有经验.. 建议遵循以下顺序: 布局定位属性:display / position / float / clear / visibility / overflow(建议 ...
分类:Web程序   时间:2021-01-27 14:06:31    阅读次数:0
8. CSS3 新增
8.1 圆角边框 在CSS3中,新增了圆角边框样式,这样我们的盒子就可以变圆角了。 border-radius属性用于设置元素的外边框圆角。语法: border-radius : length; radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果 参数值可以为数值或百分比的形式 如果 ...
分类:Web程序   时间:2021-01-26 12:22:08    阅读次数:0
第一周学习情况总结
在第一周按照寒假计划看了 html、css、html5、css3相关网站的学习内容,学到了一些基础的前端知识。了解了前端的发展史,以及各项技术具体是用于做什么的,就像网站中说的html用于网页结构的建立,而css则是对网页外观的控制,css3以及html5都是在他们基础上的增加内容。在学习的过程中, ...
分类:其他好文   时间:2021-01-26 11:53:41    阅读次数:0
五十三:CSS3之背景与渐变之背景
一:背景图像区域: background-clip:指定背景绘制区域 border-box:背景被剪裁到边框盒 padding-box:背景被剪裁到内边距框 content-box:背景被剪裁到内容框 content-box padding-box border-box <!DOCTYPE html ...
分类:Web程序   时间:2021-01-18 10:43:54    阅读次数:0
五十四:CSS3之背景与渐变之渐变
渐变可以在两个或多个指定的颜色之间显示平稳的过渡 一:线性渐变:是沿着一根轴线改变颜色,从起点到终点颜色进行属性渐变(从一边拉向另一边) background: linear-gradient(direction, color-stop1, color-stop2, ...) 1.线性渐变-从上到下 ...
分类:Web程序   时间:2021-01-18 10:43:07    阅读次数:0
伪类和伪元素的区别
伪类与伪元素的特性及其区别: 伪类本质上是为了弥补常规CSS选择器的不足 伪元素本质上是创建了一个有内容的虚拟容器 CSS3中伪类和伪元素的语法不同; 伪类 :link :hover 伪元素 ::before ::after (伪类单冒号,伪元素双冒号) 可以同时使用多个伪类,而只能同时使用一个伪元 ...
分类:其他好文   时间:2021-01-16 12:14:40    阅读次数:0
CSS3 Flexbox布局
Flexbox布局 Flexbox布局(也叫Flex布局或弹性盒子布局)模块旨在提供一个更有效的布局、对齐方式,并且能够使容器中的子元素大小未知或动态变化的情况下仍能分配好子元素之间的空间。 Flex布局的主要思想是使父容器能够调节子元素的宽度/高度和排列顺序,从而能够最好的填充可用空间。 任何一个 ...
分类:Web程序   时间:2021-01-12 11:20:52    阅读次数:0
CSS3选择器 :nth-child()的用法
:nth-child() :nth-child() 选择器,该选择器选取父元素的第 N 个子元素,与类型无关。 一、选择列表中的偶数标签:nth-child(2n) 二、选择列表中的奇数标签 :nth-child(2n-1) 三、选择从第6个开始的,直到最后:nth-child(n+6) 四、选择第 ...
分类:Web程序   时间:2021-01-12 10:46:22    阅读次数:0
3D立体效果
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>基于CSS3的3D立方体旋转动画</title> <style> /* 3d旋转样式 */ .cub { width: 2.5rem; height: 2.5rem; positi ...
分类:其他好文   时间:2021-01-11 11:09:41    阅读次数:0
vue + css3 实现主题色切换
开发商城总免不了主题色的更换, 总不能一个个颜色手动粘贴复制吧,一键切换不香嘛 首先需要用到css3的var()函数,用法如下 1 body { 2 --size: 20px; 3 font-size: var(--size); // 20px 4 padding:var(--size); // 2 ...
分类:Web程序   时间:2021-01-07 12:39:05    阅读次数:0
10407条   上一页 1 ... 3 4 5 6 7 ... 1041 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!