<style> html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscal ...
分类：
Web程序 时间：
2020-09-18 01:16:16
阅读次数：
39
css3的3d起步 要玩转css3的3d，就必须了解几个词汇，便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z轴旋转。平移同理。 ...
分类：
Web程序 时间：
2020-09-18 01:03:13
阅读次数：
47
###前言上篇文章主要讲述了CSS样式更改中的裁剪、Z-Index、清除、改变元素的特性基础知识，这篇文章我们来介绍下CSS样式更改中2D转换的基础用法。###2D转换1).元素位移translate(左边,顶边)div{transform:translate(50px,100px);-ms-transform:translate(50px,100px);/*IE9*/-webkit-transf
分类：
Web程序 时间：
2020-09-17 22:35:40
阅读次数：
44
@media screen and (orientation: portrait) { html{ width : 100vmin; height : 100vmax; } body{ width : 100vmin; height : 100vmax; } #gyroContain{ width ...
分类：
Web程序 时间：
2020-09-17 19:51:58
阅读次数：
61
1、非列表的动画 将需要进行动画的元素用transition 包裹起来 在style里进行动画设置 进入的时候动画：v-enter{//动画的开始 transform:...}、v-enter-active{ //动画的过渡transition:...}、v-active-to{// 动画的结束tr ...
分类：
其他好文 时间：
2020-09-17 19:04:29
阅读次数：
30
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #div1{ 8 width: 200px; 9 height: 138px; 10 ...
分类：
Web程序 时间：
2020-09-17 15:33:39
阅读次数：
38
CSS3:是CSS2.X ，某些模块升级文档说明： 新手可观：https://www.w3school.com.cn/ w3c官网：www.w3.org 推荐：https://www.w3.org/TR/CSS22/propidx 可翻译中文：https://developer.mozilla.or ...
分类：
Web程序 时间：
2020-09-14 19:17:11
阅读次数：
55
1. 首先dns对域名进行解析 2. 客户端和解析得到的IP地址进行三次握手，建立tcp连接 3. 客户端向网站服务器发送http请求报文 包含 请求方法 请求行 请求头 空行 请求主体[get方法中没有请求主体，post方法中会有请求主体] 4. 网站服务器向客户端发送http响应报文 包含 起始 ...
分类：
Web程序 时间：
2020-09-14 18:55:03
阅读次数：
55
xdd1997原创所用http链接：https://www.tool22.com/zb_tools/html/PCwallpaper/所用http页面下载链接下载http页面的方式：火狐浏览器，右上角，另存页面为 # write by xdd1997 xdd2026@qq.com # 2020-08 ...
分类：
Web程序 时间：
2020-09-12 21:25:38
阅读次数：
44
一、当前主流浏览器 根据浏览器使用的内核，我们可以把这些若干浏览器分一下类，其中的五类主要代表浏览器是： IE浏览器； Firefox 火狐浏览器； Chrome 谷歌浏览器； Safari 苹果浏览器； Opera 欧朋浏览器； 二、主流浏览器使用的内核 IE浏览器使用的内核为：Trident； ...
分类：
其他好文 时间：
2020-09-11 14:13:17
阅读次数：
42
