前端UI框架介绍 Bootstrap 使用世界上最流行的前端组件库在web上构建响应性、移动优先的项目。 网址：http://getbootstrap.com/ amaze UI HTML5 跨屏前端框架，为移动而生，组件丰富，模块化，本地化支持，轻量级，高性能 网址：http://amazeui. ...
分类：
其他好文 时间：
2021-06-22 18:32:50
阅读次数：
0
在之前，我介绍过几种使用纯 CSS 实现波浪效果的方式，关于它们有两篇相关的文章： 纯 CSS 实现波浪效果! 巧用 CSS 实现酷炫的充电动画 本文将会再介绍另外一种使用 CSS 实现的波浪效果，思路非常有意思。 从定积分实现曲边三角形面积说起 在进入主题之前，先看看这个，在高等数学中，我们可以通 ...
分类：
Web程序 时间：
2021-05-24 14:27:32
阅读次数：
0
网上有很多写使用纯CSS来实现图片的等比缩放的，到目前为止，我还没有发现一个可用的方法。这里的等比缩放是指按照图片的原始尺寸和比例进行缩放。 网上的方法大多如下： img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } ...
分类：
编程语言 时间：
2021-01-26 12:19:18
阅读次数：
0
利用纯css来完成它，主要用到的是动画以及伪类元素 最主要的代码其实就是一个伪类元素： content: attr(data-name); /* 写法二：content: "hello world 代码世界"; */ position: absolute; top: 0; left: 0; colo ...
分类：
Web程序 时间：
2021-01-07 12:38:09
阅读次数：
0
一、自动跳转轮播图 1、HTML结构 1 <div id="wrap"> 2 <div id="main"> 3 <div class="page">One</div> 4 <div class="page">Two</div> 5 <div class="page">Three</div> 6 < ...
分类：
Web程序 时间：
2020-12-22 12:28:55
阅读次数：
0
下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果，更多效果大家可以自行发挥。 1.前言 由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点： 动画自由度：canva ...
分类：
Web程序 时间：
2020-12-15 12:33:27
阅读次数：
4
CSS代码： /* start */ .my-face { animation: my-face 5s infinite ease-in-out; display: inline-block; margin: 0 5px; } @-webkit-keyframes my-face { 2%, 24% ...
分类：
Web程序 时间：
2020-11-06 02:48:53
阅读次数：
45
原文地址：https://blog.csdn.net/HRM2454/article/details/106093882 通过background-image的linear-gradient和position:absolute实现。 ...
分类：
Web程序 时间：
2020-10-16 10:50:18
阅读次数：
44
网上大部分方案如下，即给出现滚动条的元素 ::-webkit-scrollbar 添加 display: none; html,body { width: 100%; height: 100%; overflow-y: scroll; } body::-webkit-scrollbar { disp ...
分类：
移动开发 时间：
2020-09-24 21:40:47
阅读次数：
61
纯CSS绘制三角形（各种角度）,前阵子做的设计图里面有用到三角形，以前自学的时候漏掉了，暂且放这儿看看吧~通过改变border宽度 可以得到各种不同形状的三角形 ##html部分 //选择对应朝向的三角形的样式 赋值给clsaa即可 <div class="trian"> <div class="赋 ...
分类：
Web程序 时间：
2020-09-12 21:25:25
阅读次数：
55
