前言
在我们浏览网页的时候,如果内容的高度或者宽度超过元素的高度或者宽度的时候,就会出现滚动条。滚动条的出现是浏览器的默认行为,这是不是说明我们就无法对滚动条的样式进行控制呢?答案是否定的,滚动条有多个可以自定义的css属性,我们完全可以按照自己的风格,来编写出更加漂亮的滚动条。
滚动条-scrollbar
在目前以webkit为主核心的浏览器时代,我们可以通过类似于伪元素::webkit-scrollbar等一系列伪元素属性来自定义我们需要的滚动条样式。
2024年10月19日
前言
在我们浏览网页的时候,如果内容的高度或者宽度超过元素的高度或者宽度的时候,就会出现滚动条。滚动条的出现是浏览器的默认行为,这是不是说明我们就无法对滚动条的样式进行控制呢?答案是否定的,滚动条有多个可以自定义的css属性,我们完全可以按照自己的风格,来编写出更加漂亮的滚动条。
滚动条-scrollbar
在目前以webkit为主核心的浏览器时代,我们可以通过类似于伪元素::webkit-scrollbar等一系列伪元素属性来自定义我们需要的滚动条样式。
2024年10月19日
如何保持页面样式基本不变的前提下将HTML页面导出为PDF,下面提供一些示例代码,纯属个人原创,如对你有帮助请记得加关注、加收藏、点赞、转发、分享~谢谢~~
2024年10月19日
在评估一位产品新人的原型时,发现对方竟然不知道Axure的很多实用技巧,导致很多效果都是用极其复杂或者笨拙的方式实现。Axure是产品经理的必备工具之一,熟练使用axure可以提高画原型的效率。那axure的这些实用技巧,你都知道吗?
为避免他人也有同样的问题,对Axure常用技巧做总结如下:
(1)点击某些按钮,或者鼠标悬浮时,显示某些隐藏的元件,元件被覆盖,这是因为元件层级太低,显示元件的用例注意勾选置于顶层(见红框)。
2024年10月19日
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>50-jquery无限循环滚动图片</title>
2024年10月19日
本文翻译了 Material Design 规范中对底部导航的规范总结,希望可以带给你更多帮助。
本文翻译了 Material Design 规范中对底部导航的规范总结,希望可以带给你更多帮助。
备注:以下内容在翻译过程中根据阅读习惯有相应的调整,如有不妥欢迎大家根据官网链接进行比对。
在移动应用程序中,底部导航栏可以在目标选项间自由切换。
2024年10月19日
对于 Axure原型工具,很少有产品经过系统学习,一般都是直接上手,边摸索边学习,这直接导致很多快捷操作被忽视。笔者在日常工作中总结出以下小技巧,希望对各位有帮助。
如果系统崩溃后,再次进入时,系统一般会提示恢复最近备份的文件。也可以通过
2024年10月19日
这篇笔记教大家如何实现滚动幻灯效果。
·它可以是LOGO也可以是照片,内容完全由你掌控。只需使用Elementor自带的图像幻灯器,这次以LOGO为例。
·来到幻灯器的其他选项,具体设置根据自己的需求进行调整。自动播放速度设置为0,动画速度(毫秒)根据情况进行调整,越大越慢,越小越快。
·设置完成后,滚块仍然不流畅,这与幻灯片滚动有关。选择4,它将在每个LOGO之间暂停,选择默认即可。
2024年10月19日
弹窗的类型有非常多种,所以在使用时很容易被滥用,这样不仅会对用户带来困扰,也会让我们的设计中出现细枝末节的问题。本篇文章分析和总结了不同弹窗的使用场景及工作中的实际应用,知道这些后,以后再也不会“滥用”弹窗啦!
我们口中常说的弹窗其实是个广义的范围,包括了对话框,动作菜单,浮出层,toast,snackbar等,这么多类型的弹窗在使用中很容易混乱或者说滥用,反而得不偿失,给用户带来更多困扰。故本篇文章主要分析和总结不同弹窗的使用场景及工作中的实际应用。
2024年10月19日
今天给大家带来的内容是4种css3滑动侧边栏特效,不知道你是否已经发现了它们之间细微的差别,什么?还没有!哈哈,那我就不卖关子了。
其实这四种特效分别是:默认点击滑动侧边栏菜单特效,带3D transforms的滑动侧边栏特效,文字缩放和淡入淡出效果的滑动侧边栏,以及使用translate来实现滑动侧边栏的特效。
效果图展示如下,各位看官请睁大眼睛,千万别眨眼!