DIV+CSS学习 ─ 深山工作室

利用css中的scale()实现放大缩小效果

阅读次数575
发表于2020/11/5 13:32:29

一、scale()方法缩放，指的是“缩小”和“放大”。在CSS3中，我们可以使用scale()方法来将元素根据中心原点进行缩放。跟translate()方法一样，缩放scale()方法也有3种情况：（1）scaleX(x)：元素仅水平方向缩放（X轴缩放）；（2）scaleY(y)：元素仅垂直方向缩放（Y...阅读全文

利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明

阅读次数1100
发表于2020/7/20 11:23:03

效果展示：在CSS中，当需要背景透明时，只要在这个16进制的6位数颜色代码之后加上一个字母与数字，就可以让当前这个层相应的纯色有透明效果。主要代码：background-color:#000000a8; 以下是演示代码 <div style="background:...阅读全文

css背景使用base64编码或者将base64编码放在img图片标签中

阅读次数2806
发表于2020/5/4 15:19:18

css背景使用base64编码或者将base64编码放在img图片标签中将图片转为base64编码然后放在css的background背景中使用或者放在前台 img 图片标签中直接使用减少HTTP请求，加快小图像或者小图标的加载时间。 // Base64 在CSS中背景图使用 .diymenu ...阅读全文

利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

阅读次数4392
发表于2020/1/20 13:48:55

-webkit-font-smoothing: antialiased; 在Safiri下字体渲染不佳的时候用这个代码可以有效解决。简直神奇！...阅读全文

解决手机端微信浏览器中视频自动播放和默认全屏问题

阅读次数3022
发表于2019/12/11 14:14:19

1.早期因为带宽和流量的因素，移动端浏览器禁止视频自动播放，现在流量便宜了、手机硬件越来越好了，部分可支持了 2.在移动端浏览器， video 在用户点击播放或者通过API video.play() 触发播放时，会强制以全屏置顶的形式进行播放，设计的初衷可能是因为全屏能提供更好的用户体验 <video c...阅读全文

利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器

阅读次数6940
发表于2018/4/15 16:01:30

直接上代码，兼容IE,firefox,chrome,Safari,Opera等主流浏览器的半透明CSS代码： filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; 几个属性的意思是： opacity: 0.5; CSS的标准，支持chr...阅读全文