web_CSS系列
文章平均质量分 89
主要针对一些CSS的使用,CSS3等属性的整理总结
IT黄大大
原ID:拄杖盲学轻声码,现调整为《IT黄大大》,希望大家能谅解!!感谢各位粉丝的支持,更多源码尽在微信公众号【IT黄大大】
展开
-
【web实现右侧弹窗】JS+CSS如何实现右侧缓慢弹窗动态效果『附完整源码下载』
CSS实现右侧弹出效果,JS如何实现右侧弹出效果,手把手教你优化右侧弹出页面效果,前端实现右侧弹窗,如何实现web右侧弹窗效果,CSS实现自定义弹窗效果。原创 2023-10-12 21:00:00 · 1143 阅读 · 0 评论 -
【CSS左右上角斜标签】CSS实现左右上角飘带功能,左右上角斜标签(附源码)
CSS实现左上角飘带效果,CSS实现右上角飘带效果,CSS实现左上角斜标签效果,CSS实现右上角斜标签效果,纯CSS实现标签效果展示。原创 2023-08-30 17:02:10 · 2012 阅读 · 1 评论 -
【水平垂直居中布局】CSS实现水平垂直居中的5种方法(附源码)
CSS水平垂直居中的五种方法,手把手教你如何实现水平垂直居中布局,水平居中,垂直居中,子容器如何水平垂直居中,flex布局实现垂直水平居中,相对绝对定位实现水平垂直居中原创 2023-08-22 20:00:00 · 1203 阅读 · 0 评论 -
【高级CSS属性】那些年轰动一时的5个CSS高级属性(附源码)
CSS 5个高级属性的应用技巧,CSS轰动一时的5种属性,CSS伪元素:empty的应用,gap属性的布局应用,CSS伪类 :invalid 应用,如何CSS实现输入框格式校验,文字背景图片的设置,background-clip: text的应用,如何实现表头固定其他地方滚动,position: sticky应用实现头部固定内容滚动原创 2023-08-17 17:42:32 · 283 阅读 · 0 评论 -
【波浪动态特效】基于jquery实现页面底部波浪动画效果(附完整源码下载)
Jquery如何实现底部波浪动画,如何实现网站底部动态波浪效果,js实现页面波浪效果,前端页面实现网站底部波浪动态背景,jQuery网站底部动态波浪背景动画特效。原创 2023-08-02 21:00:00 · 1061 阅读 · 0 评论 -
【Jquery大事件时间线】jquery实现大事件时间线(时间轴)的滚动切换效果『附完整源码』
Jquery实现大事件时间轴效果,前端如何实现好看清晰的时间线效果,如何实现时间轴页面效果,基于jquery实现大事件时间轴效果,jQuery水平滚动企业发展大事件时间轴代码。原创 2023-08-01 20:45:00 · 1194 阅读 · 0 评论 -
【CSS加载动画特效】28种纯CSS实现的加载loading动态特效(附源码)
CSS3实现多种load加载效果,纯CSS3实现多种加载中效果,纯CSS3实现28种加载动态效果,页面实现loading效果,好看的loading动态特效,animation与transform的灵活应用。原创 2023-07-11 11:07:51 · 14582 阅读 · 6 评论 -
【CSS卡片翻转特效】CSS3实现3D旋转动画卡片翻转效果(附源码)
CSS3如何实现卡片翻转效果,CSS3如何实现3D旋转效果,CSS实现卡片动态效果,页面实现dom翻转效果,好看的CSS样式特效。原创 2023-07-07 17:41:37 · 2240 阅读 · 1 评论 -
【抽奖实现源码】原生js实现简单九方格抽奖实现(附源码下载)
抽奖界面实现,简单滚动抽奖界面的实现,原生js实现动态抽奖,跑马灯抽奖实现,随机抽奖界面实现,web抽奖页面制作与实现完整过程。原创 2023-07-06 15:59:24 · 1520 阅读 · 0 评论 -
【js步骤引导】基于jquery实现步骤引导进度条效果(附源码)
如何实现步骤引导效果,jquery实现步骤引导功能,上一步下一步来回切换功能,有关订单引导条业务代码实现,如何编写步骤引导条代码,步骤引导进度条代码demo,步骤引导代码示例原创 2023-06-20 22:30:00 · 1601 阅读 · 0 评论 -
【菜单折叠效果】这菜单效果千万别让领导看了,一不小心就升职加薪(附源码)
如何实现菜单折叠效果,web实现菜单收缩效果,CSS实现菜单隐藏展示效果,如何实现主页与菜单动态隐藏展示效果,纯html+css实现菜单动态缩放原创 2023-06-19 22:00:00 · 322 阅读 · 0 评论 -
【炫酷登录界面】详解5款高级的前端登录页面及实现源码(附完整源码)
好看大气的登录页面,高级炫酷登录界面,5款登录界面源码分享,web登录页面制作,如何实现高级登录页面,如何设置透明遮罩,div实现水平垂直居中,CSS动画效果,登录动态切换效果,高科技登录按钮,动态炫酷登录界面实现,animation实现动态登录按钮效果。原创 2023-06-16 22:15:00 · 29864 阅读 · 195 评论 -
【实现微信红包效果】前端CSS实现微信红包打开效果(附源码下载)
CSS动画实现红包翻转效果,CSS如何实现微信红包效果,红包打开效果如何实现,如何实现微信红包页面效果,animation动画实现红包翻开效果原创 2023-06-13 13:52:10 · 2125 阅读 · 0 评论 -
【CSS按钮特效】css如何实现科技感好看按钮效果(尾附源码下载)
CSS3实现高级按钮,CSS实现按钮动画特效,CSS实现动态按钮效果,CSS实现按钮光影效果,box-reflect实现倒影效果,Animation实现动画效果原创 2023-06-09 22:00:00 · 3163 阅读 · 0 评论 -
【css3实现华为充电】那些你没想到的CSS效果之华为充电效果(附源码下载)
CSS3特效,华为充电特效实现,CSS属性filter的应用,after,before伪元素的灵活应用。CSS3实现华为充电动态效果,CSS气泡动态特效原创 2023-06-08 21:00:00 · 700 阅读 · 0 评论 -
【常见CSS扫盲之渐变效果】好看的24种CSS渐变效果汇总(附源码)
多种CSS渐变实例,CSS横向渐变,CSS径向渐变,CSS实现渐变,好看的渐变背景色,多种好看渐变效果图,好看样式demo,页面配色大全原创 2023-04-17 18:13:53 · 28699 阅读 · 5 评论 -
【常见CSS扫盲雪碧图】从源码细看CSS雪碧图原理及实现,千字详解【附源码demo下载】
雪碧图,CSS雪碧图,background-position属性,页面加载优化,如何防止页面闪一下加载,雪碧图原理及如何实现原创 2023-04-10 22:00:00 · 663 阅读 · 0 评论 -
【CSS特效扫盲】精选40种纯CSS特效应用实例,肝了10个晚上整理纯CSS特效(上)(附源码下载)
40种精选CSS特效,纯CSS特效汇总,前端页面好看的CSS特效,web高级的CSS特效CSS阴影特效之文字立体阴影CSS阴影特效之内切角CSS阴影特效之条纹字CSS阴影特效之浮雕阴影CSS阴影特效之霓虹灯效果CSS阴影效果之抖音logo效果CSS滤镜特效CSS滤镜之文字旋转效果CSS滤镜之loading加载中小球穿梭效果CSS滤镜之幽灵动画原创 2023-03-26 23:12:44 · 813 阅读 · 0 评论 -
【CSS菱形遮罩效果】Css3实现菱形遮罩效果鼠标移入展示描述(附完整源码下载)
CSS实现菱形效果,CSS实现菱形遮罩效果,CSS相对绝对布局,web有设计感的步骤展示,菱形遮罩原创 2023-03-23 23:09:11 · 454 阅读 · 0 评论 -
【页面无响应】Web页面经常无响应前端如何定位与优化(已解決)
web优化,页面响应,cpu和内存的占用优化,前端页面响应优化,内存泄漏优化,定时器优化原创 2023-03-07 22:12:17 · 6740 阅读 · 0 评论 -
【CSS文字滚动】CSS实现文字横向循环无缝滚动,鼠标移入暂停移出继续(附实测源码)
CSS实现文字横向循环无缝滚动,鼠标移入暂停移出继续,文字滚动效果,页面实现文字滚动效果,鼠标移入移出暂停和继续原创 2023-02-27 22:30:00 · 7958 阅读 · 10 评论 -
【js文字大小自适应】原生js实现文字大小自适应(附完整源码)
文字大小自适应,js实现文字自适应,px和em、rem的区别,js自适应大小原创 2023-02-14 17:50:47 · 2845 阅读 · 0 评论 -
如何实现table表头固定但是tbody可以滚动【附源码实例】
table表头固定,自定义tbody高度,tbody设置高度失效,tbody设置高度不生效,tr设置高度,tbody滚动条原创 2022-12-06 23:10:27 · 3413 阅读 · 2 评论 -
【vue项目部署CSS失效】VUE部署后css样式加载无效和失效多种情况解决方案
vue项目部署CSS失效,css样式加载无效,nginx部署css失效,css文件404,服务器样式失效部署项目css失效原创 2022-12-01 22:52:21 · 15741 阅读 · 1 评论 -
前端CSS如何实现自定义滚动条(改变原有样式)
自定义滚动条,滚动条变细二话不说上代码,简单又粗暴/*滚动条里面轨道*/body::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0); background-color: rgb(20, 19, 19);}/*定义滚动条整体的样式*/body::-webkit-scrollbar{ width: 6px; background-color: rgb(20, 19, 1原创 2021-04-28 10:24:14 · 3243 阅读 · 2 评论 -
Echarts基础篇(1)echarts图表数据标记
前言:前不久接到公司的一个任务,就是要针对指标采集的数据异常的值进行一个数据的标记。也借此机会给大家进行一个echarts的标记数据的基础普及,具体页面展示效果如下:实现代码其中就存在一个数据的标记为星形的,具体实现思路就是对加载的数据添加symbol和symbolSize属性,具体数据如下所示:var data_y2 = ['12', '11', '12', '10', {value: '8',symbol: 'image://data:image/gif;base64,R0lGODlhEA原创 2021-02-18 13:57:55 · 3625 阅读 · 2 评论 -
手把手教你JS如何实现瀑布流布局(jquery)
**前言**:总所周知,瀑布流是一个很常见的一种布局方式,不受div的大小限制,其中针对不同高度的div做空间的充分利用,首先我们用随机高度,固定宽度生成一批div,你可以看看效果:正文不难发现都是杂乱无章的,都会在每行的最低框中放下一个。Jquery如何实现瀑布流布局,那么我们先看实现出来的右侧效果。首先实现这个效果我们可以分三步走:确定首行各个div位置,left的偏移值,采用相对布局的方式。其次应用一个数组存储各个div的高度,找到最低高度,然后将下一个div插入到该下标div下面。原创 2020-10-20 11:10:23 · 794 阅读 · 0 评论 -
如何实现固定宽高父节点,动态子节点添加自适应大小
首先看下效果:初始基础效果其中看板里面的数据是动态新增的,通过加号按钮添加不同的div,这样的话就存在一个整体div的添加过程,看板就多一个模块,看看多几个模块的效果:多个div效果很多个div效果效果也看了,就不怀疑我在吹牛逼哈,下面介绍一下这个实现的过程:1:首先获取父节点的相对的宽高大小获取方法:var fuwidth = $(父节点).width() 和var fuheight = $(父节点).height()2:获取子div的个数和横排放多少个这个我用的是json数组假数原创 2020-07-31 09:59:40 · 1060 阅读 · 0 评论 -
web前端基础教学视频分享(二)html5+css3基础教学
与卿再世相逢日,玉树临风一少年夜未深,梦未成,怎敢睡去。【写在前面】前端一入深似海,从此黑丝渐发白。孤灯下,执一本。编程不易,且行且放弃?【分享与你】(百度云盘永久有效)链接:https://pan.baidu.com/s/1gr66gQawvgRSKjQQoO4GDQ提取码:mo79【扶贫与我】皮一下很开心,这个zfb二维码是认真的,实在土豪可以扫一扫扶贫,>=10元的...原创 2018-11-07 11:38:47 · 1336 阅读 · 2 评论 -
web前端基础教学视频分享(一)html+css+js基础教学(附淘宝网站开发教程)
路漫漫其修远兮 吾将上下而求索路很长,未来是你们的!献给每位正在奋斗的孩纸们。【写在前面】15年刚接触前端的时候,觉得很有魅力,就好像自己能够控制整个世界似的。那个时候也不知道怎么学习怎么入门,很是苦恼,所以就在淘网上花了20元买了些教程,既然自己踩过坑,就不希望还有人像我这样继续踩,是故无偿分享一些资源(常更)【分享与你】(百度云盘永久有效)链接:https://pan.baidu.c...原创 2018-11-07 10:25:48 · 3671 阅读 · 0 评论 -
图解圣杯布局与双飞翼布局--CSS布局实战一
本质:均是两侧顶宽(宽度固定),中间自适应 适用:电商网页pc移动端展示,比如淘宝、京东等电商网页都有应用。 区别:只是中间自适应的处理方式不同。 圣杯布局: 中间主要是直接撑满,然后让左右通过相对绝对定位(position)来浮动。 双飞翼布局:中间同样充满,在中间再放一层内部div,然后设置该内部div的padding和左右两边的margin即可。 图解: 圣杯布局如下: ...原创 2018-08-29 10:06:57 · 712 阅读 · 0 评论