应用雾到游戏对象基于距离或深度的雾支持deferred fog1 Forward Fog在14之前,一直假定着光线在真空中传播,在真空中可能是精确的。但是当光线穿过大气或水就不一样了,光线在击中物体表面时会发生被吸收、散射和反射。一个精确的大气干扰光线渲染将需要及其昂贵的体积测量方法,那是大多数现代... ...
分类:
其他好文 时间:
2020-05-17 01:16:57
阅读次数:
102
在本章中,我们将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可对图片应用简单样式的 class: .img-rounded:添加 border-radius:6px 来获得图片圆角。 .img-circle:添加 border-radius:50% 来让整个图片变成圆形。 ...
分类:
其他好文 时间:
2020-05-16 11:01:29
阅读次数:
79
Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素: 标签描述 <table> 为表格添加基础样式。 <thead> 表格标题行的容器元素(<tr>),用来标识表格列。 <tbody> 表格主体中的表格行的容器元素(<tr>)。 <tr> 一组出现 ...
分类:
其他好文 时间:
2020-05-16 10:35:13
阅读次数:
76
旋转圆形图片: .pic:hover{ transform: rotate(360deg); transition: all 1.5s ease ; } .pic{ border-radius: 500px; border: solid #dddfdc; } 鼠标放置完全显示: .ganying:h ...
分类:
Web程序 时间:
2020-05-15 21:50:42
阅读次数:
214
<el-table>和<el-pagination>实现分页功能 代码如下: <template> <div id="app"> <el-table :data="tableData.slice((currentPage-1)*size,currentPage*size)" border style ...
分类:
其他好文 时间:
2020-05-15 20:21:42
阅读次数:
76
1.谷歌浏览器(WebKit内核): //滚动条设置 .element::-webkit-scrollbar{ width: 10px; height: 10px; } //滚动槽设置 .element::-webkit-scrollbar-track { border-radius: 10px; ...
分类:
其他好文 时间:
2020-05-15 18:25:36
阅读次数:
78
SPAN标签: <SPAN title=用户信息 class="tabSpan" id=shop_tabsTAB_content4 style="BORDER-LEFT-WIDTH: 1px; HEIGHT: 23px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM- ...
分类:
Web程序 时间:
2020-05-15 13:44:35
阅读次数:
89
使用基本的代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css</title> <link rel="stylesheet" href="css/animate.compat.css"> </head> <body> < ...
分类:
Web程序 时间:
2020-05-15 11:49:39
阅读次数:
135
自适应的椭圆 1.自适应的椭圆 实现方式是通过border-radius这个属性;border-radius它可以单独指定水平和垂直半径。用 / 分隔这两个值。并且该属性的值不仅可以接受长度值,还能接收百分比的值。百分比的值会基于元素的尺寸进行解析,宽是水平半径的解析,高是垂直半径的解析。 所以可以 ...
分类:
Web程序 时间:
2020-05-15 11:47:45
阅读次数:
63
1 网站排版模块化 2 先排好外面框架,再排内部具体 3 模块与模块间用margin (尽量设置一边,如果是margin-top 就都用margin-top),内部用padding 4 外面最大100%,内部有border或者超过最大宽度时需要给外面设置 box-sizing: border-box ...
分类:
其他好文 时间:
2020-05-15 11:40:26
阅读次数:
73