css共16篇
不一样的 Button 按钮-钻芒博客

不一样的 Button 按钮

先看效果:HTML:<button> <svg height='36px' width='36px' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'> <rect fill='#fdd835' y='0' x='0' height='36' width='...
anywayuan的头像-钻芒博客🌍知识星球会员anywayuan4个月前
02263
悬浮彩色渐变 Button 按钮-钻芒博客

悬浮彩色渐变 Button 按钮

HTML:<button> Button </button>CSS:button { background-color: #444141; border-radius: 4px; color: #fff; cursor: pointer; padding: 15px 30px; font-size: 18px; font-weig...
anywayuan的头像-钻芒博客🌍知识星球会员anywayuan4个月前
01830
CSS 文本在表格里 垂直水平居中-钻芒博客

CSS 文本在表格里 垂直水平居中

效果图: css vertical-align: middle; //水平居中 text-align: center; //(可选)垂直居中 border:1px solid black; //(可选)加个边框
481303844的头像-钻芒博客PANXI12个月前
0250
CSS hover改变其他Class属性-钻芒博客

CSS hover改变其他Class属性

css鼠标效果改变其他样式 效果如图: 代码参考 .zmki_box_li li{ background-color: #F2F5FB; padding: 8px 15px!important; border-radius: 10px; transition: background-color 0.3s,color 0.3...
Alextao的头像-钻芒博客赞助会员Alextao3年前
08790
CSS缩略图最佳缩放实践-钻芒博客

CSS缩略图最佳缩放实践

object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签,一般可以对这些原素进行保留原始比例的剪切、缩放或者直接进行拉伸等。您可以通...
Alextao的头像-钻芒博客赞助会员Alextao4年前
013760
CSS背景图像,镜像翻转、缩放、背景偏移与定位、文字溢出处理-钻芒博客

CSS背景图像,镜像翻转、缩放、背景偏移与定位、文字溢出处理

CSS下镜像翻转(水平/垂直翻转) 两种写法 【方法一】利用css动画属性rotate旋转来实现: /* 方法一 */ .mirrorRotateLevel { transform: rotateY(180deg); /* 水平镜像翻转 */ } .mirrorRotate...
Alextao的头像-钻芒博客赞助会员Alextao4年前
028770
右侧悬浮菜单悬浮窗 CSS+html CSS自动判断PC显示手机端隐藏-钻芒博客

右侧悬浮菜单悬浮窗 CSS+html CSS自动判断PC显示手机端隐藏

源自:http://miwua.com/1521.html  感觉还不错,只是部署到博客不太搭配(颜色太鲜艳了),用css加了个设备判断,电脑端显示、手机端隐藏。1221px 界点 预览: css <!--右侧悬浮菜单 開始--...
Alextao的头像-钻芒博客赞助会员Alextao5年前
030370
CSS文字块-display行内元素块 inline-block 只给文字加背景-钻芒博客

CSS文字块-display行内元素块 inline-block 只给文字加背景

如何只给一段文字加背景颜色,但又不让其整行都填充上背景颜色.如下图 上图的代码: <!DOCTYPE html> <html lang='zh'> <head> <meta charset='UTF-8'> <meta name='...
Alextao的头像-钻芒博客赞助会员Alextao5年前
022790
html+CSS 多彩滚动展示AD框前端显示代码-钻芒博客

html+CSS 多彩滚动展示AD框前端显示代码

因为放首页蛮占地方的,这个小模块没有经受住小改版的考验,被去掉了。贴出来,已给以后用 样式如下图所示: html代码 <section id='custom_html-2' class='widget_text widget widget_custo...
Alextao的头像-钻芒博客赞助会员Alextao5年前
028570
html简单盒子图片文字分栏 两栏float左浮动-钻芒博客

html简单盒子图片文字分栏 两栏float左浮动

最近的项目要用到,第一时间找了个页面准备扒下来,嗯... 等等,这个简单的基础div盒子我应该可以自己写吧。我觉得写不出来就该自己打自己了。简直就是丢学前端的脸啊! 于是乎便动手开始,结构...
Alextao的头像-钻芒博客赞助会员Alextao5年前
029180
分享一款自用扒站工具仿站工具软件 nb&plus可整站下载可抓取到CSS背景图片-钻芒博客
1

分享一款自用扒站工具仿站工具软件 nb&plus可整站下载可抓取到CSS背景图片

强大的仿站工具助手 最近要扒的页面挺多的,为了安全样式表当然也希望搞回本地来,找了一圈找到这款工具,强大到可以抓爬到css内的图片并保存在本地。特此分享出来! *PS: 自动普通爬抓仿站的工...
Alextao的头像-钻芒博客赞助会员Alextao5年前
584W+7
动态渐变彩色文字代码-钻芒博客

动态渐变彩色文字代码

@keyframes move { 0% {background-position: 0 0;} 100% { /*宽度固定,如果为百分比背景不会滚动*/ background-position: -300px 0; } } .wrap { /*设置背景渐变色*/ background-image: linea...
Alextao的头像-钻芒博客赞助会员Alextao5年前
021740
CSS3实现“图片阴影”效果-钻芒博客
1

CSS3实现“图片阴影”效果

利用多投影重叠的原理,实现曲线阴影与翘边阴影的效果,花一个小时看完的课程,理解的似懂非懂。直接发一下老师写的成品吧。用到来取。css都补上了注释。 第1章曲线阴影的实现 1-1效果演示 1-2...
Alextao的头像-钻芒博客赞助会员Alextao5年前
026830
前端开发纯干货 PHP模板+9900静态模板+2000套手机模板+1000套JS模板-钻芒博客
21

前端开发纯干货 PHP模板+9900静态模板+2000套手机模板+1000套JS模板

绝对干货!!不管是建站还是开发,修改下都是成品。 模板内容: 1、phpweb整站源码模板 2、9900套响应式前端纯静态网页模板 3、2000套PSD模板+酷站源文件 4、2000套手机静态页面模板 5、1000套j...
Alextao的头像-钻芒博客赞助会员Alextao5年前
1156450
WordPress主题仿站视频教程-钻芒博客
3

WordPress主题仿站视频教程

看完后就算你不会制作主题,但一定也能提升你的前端能力。有点基础的可以看一下。 wordpress主题制作+仿站视频教程 第一章《快速入门》 第二章《html入门视频教程》 第三章《wordpress博客主题...
Alextao的头像-钻芒博客赞助会员Alextao5年前
713.7W+0
WordPress美化-文章标题样式美化-钻芒博客

WordPress美化-文章标题样式美化

效果演示 不太喜欢主题默认的标题样式,自己动手,丰衣足食。 用火狐的查看元素(这个功能感觉比Chrome好用,因为是中文的...) 找到当前主题的标题样式,然后去主题样式文件修改。(一般在主题...
Alextao的头像-钻芒博客赞助会员Alextao5年前
373151