css3

纯css实现图片或者页面变灰色
日志前言 今天是个沉痛的日子,全国哀悼英雄,各大平台平日鲜丽的界面置纷纷换成了灰色,以表对逝者的安息与尊敬!!对付疫病,我没多大的本事,只能记录一点点知识来提升自己擅长的技术,待到将来能为国家尽一份绵薄之 ...
1
图片之间没加空格有间隙的解决方案
日志//图片之间会有一些空白距离,但是之间没有空格 解决方案: //父元素加: font-size:0;
h5 下ios适配底部小黑条,简单解决方案,只需一步
日志在页面加入一行css代码即可 @supports (bottom: env(safe-area-inset-bottom)) { body, .footer{ box-sizing: content- ...
移动端,h5页面1px 1像素边框过粗解决方案
日志//h5有个小bug 1像素边框过粗,其实有个解决方案,就是利用伪元素:after,结合css3中的scale在y轴方向缩放0.5就行了 //父元素 //删除border-bottom,添加posit ...
纯CSS样式写刘海屏效果
日志1. 效果:  2. 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...
纯css竟可以做出边框这样长宽度的过渡效果
日志边框效果如下:鼠标移到下面方形,就有效果 要是没有效果,点这个:https://murenziwei.github.io/testGit/Untitled1.html 正如你所看到的,这边框颜色只用纯 ...
SVG波浪动画
日志今天来试试用svg+css3制作波浪动画 下图是我制作出的效果 还不错吧 在制作波浪前,首先我们要画波浪啊,至于画波浪,如果你想直接通过计算贝塞尔曲线绘制出波浪... 好吧,那我也不拦着你 我就直接用 ...
svg文字描边动画
日志svg动画在网页中是经常见到的,svg动画使得网页看起来清新美观 任何不规则图形都可以由svg绘制完成,当然也包括文字,文字本身就可以看作一个不规则图形
1
个人相册
日志效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l ...
HTML5+CSS+JQuery 实现简单的进度条功能
日志样式: <style type="text/css"> .processcontainer2{ width:450px; border:1px solid #6C9C2 ...
二级导航栏
日志二级导航栏可以说是非常好做了(●'◡'●) html <div class="whole"> <ul> <li class="li" ...
css3的overflow-anchor
日志overflow-anchor属性使我们能够选择退出滚动锚定,这是一个浏览器特性,旨在允许内容在用户当前的DOM位置上加载,而不需要在内容完全加载后更改用户的位置. 为何要有这个属性? 滚动锚定是一种 ...
css3 字体渐变
日志先看个效果 https://www.bienvillecapital.com/ 然后人家样式这样写的 font-family: Overpass,Helvetica,sans-serif; font- ...
@ font-face 引入本地字体文件
日志@font-face { font-family: DeliciousRoman; src: url('…/Delicious-Roman.otf'); font-stretch: condensed ...
CSS3伪类使用方法实例
日志 有时候在网页设计中会涉及到很多看上去很繁琐的设计图,这时候都会很让人头疼,那么这时候伪类就可以来帮助你解决问题了. 下面有一段实例大家可以参考一下: <!DOCTYPE html> &l ...
css3变形
日志CSS3变形--旋转 rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转.它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度.如果这个值为正值,元素相对原点 ...
css3正方体效果
日志<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
CSS3常用知识点
日志CSS3常用知识点 css3选择器 1.1 属性选择器 /* E[attr~=val] 表示的一个单独的属性值 这个属性值是以空格分隔的*/ .attr2 a[class~="kawa&qu ...
css3的一些属性
日志以前还没有注意过css的一些属性,近期发现有一些样式很好用,现在整理一遍. CSS3 动画属性 @keyframes : 规定动画 可以通过keyframes 改变一个块的样式当然这是要配合anima ...
纯CSS3打造圆形菜单
日志原理是使用相对定位和绝对定位确定圆形菜单位置. 使用伪类选择器E:hover确定悬浮时候的效果,动画效果用CSS3的transition属性. 大概代码如下. html: <div> &l ...