<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类：
Web程序 时间：
2020-07-23 22:23:21
阅读次数：
132
给元素设置position为absolute或者z-index不为auto，或者opacity小于1，会创建一个堆叠上下文，它的后代元素，都会根据它父堆叠上下文，进行排序，不会针对其他的堆叠上下文排序。 页面结构 <div class="a"></div> <div class="b"> <div ...
分类：
其他好文 时间：
2020-07-20 10:51:37
阅读次数：
64
<head> <style> .adModal{ position:fixed; background: black; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; opacity: 0.4; } .tdModal{ position:fix ...
分类：
其他好文 时间：
2020-07-18 19:50:38
阅读次数：
67
Vue触发隐藏input file的方法 1、使用input透明覆盖法 将input的z-index设置为1以上的数字并覆盖到需点击的内容上，将input的样式opacity设置为0（即为透明度为0），这样通过绑定在input上的change事件触发 推荐 <p class="uploadImg"> ...
分类：
其他好文 时间：
2020-07-17 22:28:15
阅读次数：
191
/*向左移动并弹性显示*/ @-webkit-keyframes fadeToLeftTan{ 0%{ -webkit-transform:translateX(100%); opacity:0;} 70%{ -webkit-transform:translateX(-5%); opacity:1; ...
分类：
Web程序 时间：
2020-07-17 19:33:49
阅读次数：
70
ylbtech-JavaScript-Tool-lhgDialog：动画示例 1.返回顶部 1、 ajax扩展示例 注：本页面中的示例使有的动画和ajax部分方法都使用jQuery库中相关的方法，所以使用本页面中的示例必须加载jQuery库，而独立版本的lhgDialog窗口组件不支持动画和ajax ...
分类：
编程语言 时间：
2020-07-16 21:59:00
阅读次数：
76
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
PBR贴图简单小常识： 反照率贴图： 反照率贴图通常以 Diffuse、Albedo、base、Color进行命名，部分作者可能还会缩写如Diffuse贴图缩写为Diff或直接字母D。其他以此类推。 透明度贴图： 透明度贴图通常以Mask/Opacity命名。 凹凸/法线贴图：凹凸贴图以Bump命名 ...
分类：
其他好文 时间：
2020-07-04 13:45:37
阅读次数：
159
import 'dart:ui'; import 'package:flutter/material.dart'; class FrostedClassDemo extends StatelessWidget { @override Widget build(BuildContext context ...
分类：
其他好文 时间：
2020-07-04 13:35:48
阅读次数：
86
监听标签的触摸/鼠标滑动事件，添加元素的切换动画，效果如下： 事件监听 鼠标事件和触摸事件监听： 1 componentDidMount() { 2 var teachingReportDiv = document.getElementById("teachingReport") as HTMLEl ...
分类：
Web程序 时间：
2020-07-01 12:40:16
阅读次数：
97
