transform

2019.4.25 表格表单与HTML5 && CSS3

由 无人久伴 提交于 2020-01-09 18:43:42
目录 表格 标签 属性 表格间距离 表格的内边距 表格的边框 样式 边框合并 行合并 列合并 display 表单 标签 属性 提交的网址 请求方式 input相关 扩大响应范围 字符 密码 单选框 name value 默认选中 多选框 文件上传 下拉列表 可拖拽大文本输入框 表单提交 表单重写 数字 邮箱 链接 颜色 时间 滑动条 搜索框清除 隐藏效果 HTML5 && CSS3 H5中新增的标签 音频标签 视频标签 nav header section main aside canvas H5中新增的选择器 属性选择器 结构选择器 伪类选择器 过渡 变换 平移 缩放 旋转 倾斜 动画 代码 样式 动画库的使用 阴影 文字阴影 盒子阴影 怪异盒模型 线性渐变 径向渐变 @ 表格 标签 表格 table 行 tr 列 td 表头 th 属性 表格间距离 cellspacing <table cellspaceing = "10 "> 表格的内边距 cellpadding <table cellpadding = "20"> 表格的边框 border <table border = "3"> 样式 边框合并 border-collapse: collapse; 行合并 <td rowspan = "2"> 列合并 <td colspan = "2"> display

背景虚化背景

由 和自甴很熟 提交于 2020-01-08 21:18:24
background-repeat: no-repeat; background-size: cover; background-position: 50%; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); 如图 ： 来源： CSDN 作者： 俞金华 链接： https://blog.csdn.net/qq_41813208/article/details/103896584

多项式 - 除法与取模

由 两盒软妹~` 提交于 2020-01-08 21:04:44
一类问题：给定一个 \(n\) 次多项式 \(F(x)\) 和一个 \(m\) 次多项式 \(G(x)\) ，请求出多项式 \(Q(x)\) ， \(R(x)\) ，满足以下条件： \(Q(x)\) 次数为 \(n−m\) ， \(R(x)\) 次数小于 \(m\) \(F(x)=Q(x)∗G(x)+R(x)\) 所有的运算在模 \(998244353\) 意义下进行。 　 多项式求逆 放一篇博客 。直接做多项式的除法是无从下手的，或者说没有很优秀的方法可以优化它的复杂度。 然而逆元是个很方便的东西，乘法和除法是一对互逆运算，于是想到可以找到多项式 \(G(x)\) 的逆元 \(G^{-1}(x)\) 而转变成 \(NTT\) 解决的多项式乘问题。 我们设 \(B(x)\) 是 \(A(x)\) 在模 \(x^n\) 意义下的逆元，有 \(A(x)B(x) \equiv 1 (mod\ x^n)\) ，下面列出几条规律。 当 \(n=1\) 时， \(A(x)=c\) ， \(c\) 是一个常数，则 \(B(x)=c^{-1}\) 。 当 \(n>1\) 时，假设在 \((mod\ x^{\lceil \frac{n}{2} \rceil)}\) 意义下 \(A(x)\) 的逆元是 \(B^′(x)\) ，并且我们已经求出，那么： \(A(x)B^′(x) \equiv 1(mod

Transform属性的基本介绍

由 廉价感情. 提交于 2020-01-08 03:50:54
Transform属性的基本介绍 CSS3中新增的transform属性，可以实现元素在变换过程中的过渡效果，实现了基本的 动画。 transition的语法：transition： transition-property || transition-duration || transition-timing-funciton || transition-delay ； 其参数的取值说明如下： <transition-property>:定义用于过渡的属性； <transition-duration>:定义过渡过程需要的时间； <transition-timing-function>:定义过渡的方式； <transition-delay>:定义开始过渡的延迟时间； 使用transition属性定义一组过渡效果，需要以上四个参数。transition属性简写形式中间用空格隔开。也可以同时定义两组或两组以上的过渡效果，组与组之间用逗号分隔。 html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>transition</title> <link rel="stylesheet" href="../CSS/transition.css"> </head> <body> <div> <div

小总结

由 坚强是说给别人听的谎言 提交于 2020-01-08 03:15:40
关于safari 浏览器 input圆角的解决方案 去除iOS safari 浏览器的input的圆角问题 -webkit-appearance: none; border 阴影 .shadow--2dp{ box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); } .shadow--2dp { box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) } .shadow--3dp { box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12) } .shadow--4dp { box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2) } .shadow--6dp { box-shadow: 0 6px 10px 0 rgba(0,0

MySQL 过渡 PostgreSQL 经验分享

由 天涯浪子 提交于 2020-01-07 12:07:20
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 声明 本文思路从一开始就定位为基于云数据库来部署，不考虑生产环境自己搭建、维护、备份 本文只为：sculptor-boot-generator 代码生成器体系服务 Github Gitee 感谢群里老鐡童鞋审稿! PostgreSQL 资料打包 关注公众号： cd-k8s ，聊天窗口输入： postgresql 可以得到 1 套视频、9 本 PDF 资料 总结 MySQL 的用户群体性好于 PostgreSQL，特别是国内，更加容易上手。但是 PostgreSQL 从体验上最大优势就是插件以及带来的各种可能。 两者的基准压力测试工具不同，很难说测试数据对比是公平的，如果是通过 Java 代码测试同配置的 CURD，非极限情况下，两者使用感受上差距不大。 PostgreSQL 在做统计分析上可以借助各种函数、语法进行支持，所以在数据分析上有优势 借用知乎上的一句总结 PostgreSQL 我觉得很合适： PostgreSQL 是一专多长的全栈数据库：在可观的规模内，都能做到一招鲜吃遍天 所以，作为中小企业我觉得完全可以依赖 PostgreSQL，特别是求活阶段的企业 本文大纲 PostgreSQL 官网资料介绍 PostgreSQL 和 MySQL 语法差异点 PostgreSQL 在阿里云的情况

Pivoting a table with predefined headers [closed]

由 北战南征 提交于 2020-01-07 03:18:07
问题 Closed . This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 2 years ago . ID | NAME | Description A A Value1 A A Value2 B B Value1 C C Value1 C C Value2 C C Value3 D D Value1 D D Value2 D D Value3 D D Value4 D D Value5 D D Value6 I have this input, and i am trying to convert it into this. ID | NAME | Desc1 | Desc2 | Desc3 | Desc4 | Desc5 | Desc6 A A Value1 Value2 B B

transform: translate() and matrix3d() break hover and click in Microsoft Edge

由 爱⌒轻易说出口 提交于 2020-01-07 03:00:28
问题 A situation arises with block elements that use transform: translate() and matrix3d() as part of an animation sequence (animation is by GSAP, but that shouldn't be relevant to the problem since all GSAP does is update CSS properties in real-time). Expected: Regardless of size or position, elements should remain interactive to mouse. (works properly in Chrome, FF, Safari, IE11). Actual: Some will work, once or twice, if you're lucky, and then after that none of the others will respond to the

纯css制作旋转的立方体

由 十年热恋 提交于 2020-01-06 17:05:53
思路： 首先有一个正方形，根据 rotate translate 属性设定好正方体六个面的位置 然后用 animation 动画让正方体进行360°的旋转 具体代码： .box { width : 200px ; height : 200px ; /* border: 1px dashed red; */ margin : 100px auto ; position : relative ; border-radius : 50% ; /* 让子盒子保持3d效果*/ transform-style : preserve-3d ; /*transform:rotateX(30deg) rotateY(-30deg);*/ animation : rotate 8s linear infinite ; } .box>div { width : 100% ; height : 100% ; position : absolute ; opacity : 0.7 ; } .left { background-color : #afa ; /* 变换中心*/ transform-origin : left ; /* 变换*/ transform : rotateY ( 90deg ) translateX ( -100px ) ; } .right { background : #aff ;

transform:scale vs traditional resizing

由 痞子三分冷 提交于 2020-01-06 13:42:23
问题 Are there any drawbacks of using transform: scale(x.x) instead of doing traditional resizing with the width and height properties? Does scaling produce a lower quality image or something? 回答1: Scale generates a general better quality result (from a visual point of view) because many browsers render it via GPU (in other words, with hardware acceleration) using advanced resampling algotithms, but it has a drawback: Scaled object does not create a space around it, larger than its original size .
订阅 transform