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