CSS
文章平均质量分 60
尘世壹俗人
做一只马喽
展开
-
前端页面开发如何达到自适应不同设备宽高的效果
方法一,不使用固定的元素大小值,而是使用百分比,但是除非你开发的页面所需要的渲染相当直白,否则不推荐用。比如说在一个测试页面中只写一个div,它的宽和高设置为百分比,从效果中会发现,如果不做出其他的渲染配合,这个div的高度是塌陷的,也就是说,在页面上看不到这个div。不需要管不同的地方叫什么,只需要知道,这种适应不同设备展示效果可控的技术核心,是CSS提供的媒体能力,比如你可以写多个CSS样式,并在外链时检测浏览器可视宽度,只有符合宽高要求时才会生效。想要达到这样的效果,有两种方法。原创 2023-06-24 03:17:34 · 1033 阅读 · 0 评论 -
三种canvas星空背景效果
【代码】两种canvas星空背景效果。原创 2022-11-07 14:06:50 · 2519 阅读 · 10 评论 -
前端开发禁止用户缩放页面
禁止用户缩放页面分两种情况。原创 2022-11-07 11:47:45 · 2384 阅读 · 2 评论 -
CSS让一个盒子永远呆在浏览器中心
但是更不达不到效果,上面这样只能水平居中,不能垂直也居中,网上好多方法试了都不行,最后逼得没办法了,干脆用了固定定位,根据盒子本身的大小调试了一个差不多和距离。最近开发Demo需要把内容展示在最中心的一个主体盒子里面,四周展示下层的背景。原创 2022-11-06 22:45:49 · 247 阅读 · 0 评论 -
前端开发实现点击出现不断向上可变色心形的效果
如何实现前端开发效果,点击屏幕时展现心形,自动向上移动,并随着向上移动而逐渐透明直到消失我先给大家说一下这个效果的实现原理,大家明白了原理,代码怎么写都行,就是那些东西而已首先,它的原理就是页面上有一个div盒子,这个盒子处于隐藏状态,这个盒子里面有放了一个图片,这个图片如果没有特别要求,大家也不用去自己ps,我们直接导入一个公共的矢量切片服务器上的资源就可以,这里说的矢量切片大家不理解也没有关系,就理解为一个专门存放图片的服务器就可以其次这个盒子对应的效果我们在css准备好,之后用js给整个页面添加原创 2021-06-07 11:07:20 · 1746 阅读 · 0 评论 -
抖音同款八卦时钟
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> * { margin: 0; padding: 0; background: #E9C2A6; } html, body {原创 2021-11-10 23:32:11 · 406 阅读 · 0 评论