码迷,mamicode.com
首页 >  
搜索关键字:css3 阴影    ( 11339个结果
angular浏览器兼容性问题解决方案
问题:edge浏览器下,固定列的边框消失 原因:ng-zorro-antd表格组件使用nzLeft和nzRight指令固定的表格列,这两个指令的实现css3中的标签: position: -webkit-sticky !important; position: sticky !important; ...
分类:其他好文   时间:2020-07-13 18:42:17    阅读次数:88
CSS3 overflow-y 属性
[CSS3 overflow-y 属性实例如果它溢出了元素的内容区-剪辑div元素的顶部/底部边缘内容: div { overflow-y:hidden; } 浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第... ...
分类:Web程序   时间:2020-07-12 01:13:22    阅读次数:700
CSS3 @font-face 规则
[CSS3 @font-face 规则实例 指定名为"myFirstFont"的字体,并指定在哪里可以找到它的URL: @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Lig... ...
分类:Web程序   时间:2020-07-12 00:25:56    阅读次数:86
媒体查询
一、媒体查询用法 @media 媒体查询包含一个可选的媒体类型和,满足CSS3规范的条件下,包含零个或多个表达式,这些表达式描述了媒体特征,最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型,并且所有的表达式的值都是true,那么该媒体查询的结果为true. ...
分类:其他好文   时间:2020-07-11 10:02:43    阅读次数:71
如何通过一个立方体搭建一栋楼
最近被问到一个问题,关于楼层模型可视化,就是想建立一栋楼的模型,然后可以细分看到每一层的区域,可以旋转、移动,我第一时间拿到看到这个问题想到的就是用3D方式,用three.js吧,但是后面又慢慢分析了下,用three稍微有点用牛刀的感觉,然后想能不能简单点,用CSS3的3d属性来解决这个问题。 首先 ...
分类:其他好文   时间:2020-07-10 21:19:32    阅读次数:152
CSS(五)- 背景与边框 - 边框圆角与阴影基础用法
扩展阅读 本文仅仅做border的基础使用,想要深入了解的话可以戳以下几个链接,觉得作者写的很好。 CSS Backgrounds and Borders Module Level 3 CSS魔法堂:重拾Border之——解构Border CSS魔法堂:重拾Border之——不仅仅是圆角 CSS魔法 ...
分类:Web程序   时间:2020-07-08 23:15:50    阅读次数:98
css3动画的使用图片上下循环跳动
animation动画使用 图片上下循环跳转 html代码: <div class="siteicon"> <img src="./siteicon.png" alt=""> <p>点击跳转</p> </div> css代码: @keyframes icon{ 0%{ opacity: 0.8; t ...
分类:Web程序   时间:2020-07-07 22:11:21    阅读次数:159
css3实现背景颜色渐变,文字颜色渐变,边框颜色渐变
css3的渐变可以使用2个或者多个指定的颜色之间显示平稳的过渡的效果。这篇文章主要介绍下css3实现背景颜色渐变,文字颜色渐变,边框颜色渐变的方法,以便大家学习参考! 1、css背景颜色渐变 代码: <style> .content_bg{ width:600px;max-width: 100%;m ...
分类:Web程序   时间:2020-07-05 21:29:20    阅读次数:69
CSS3 3D 转换
[#rotate2D,#rotate3D { width: 80px; height: 70px; color: white; position:relative; font-weight:bold; font-size:15px; padding:10px; float:left; margin-... ...
分类:Web程序   时间:2020-07-05 13:26:25    阅读次数:120
分享几个很实用的CSS技巧对前端技术很有帮助
创建剪切动画 对于剪切动画,使用clip-path代替width/height,避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip ...
分类:Web程序   时间:2020-07-05 00:17:01    阅读次数:77
11339条   上一页 1 ... 13 14 15 16 17 ... 1134 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!