前言
最近产品有个需求,要做个tab标签切换,这最基本的样式当然不在话下,但作为极客的我总要与众不同吧!于是大开脑洞,也就想出了个tab切换时候加个滑动动画(表笑我,谁让咱没达到UI交互设计师的高度呢),再然后正好想起本站曾经有个效果(传送门),于是乎找了这个效果demo给产品看,产品欣然同意了。
2025年04月05日
前言
最近产品有个需求,要做个tab标签切换,这最基本的样式当然不在话下,但作为极客的我总要与众不同吧!于是大开脑洞,也就想出了个tab切换时候加个滑动动画(表笑我,谁让咱没达到UI交互设计师的高度呢),再然后正好想起本站曾经有个效果(传送门),于是乎找了这个效果demo给产品看,产品欣然同意了。
2025年04月05日
图片切换在目前的web或者app应用中早已不是新鲜事,尤其是在App首页顶部推荐中会经常用到,今天就给大家推荐几款Github上开源的图片滑动切换库。
slick一款功能异常强大的图片切换效果库,支持各种动画效果和样式,运行效果如下图所示。
slick运行效果
目前slick在Github上的信息如下图所示。
2025年04月05日
上次写了篇pc端的css重置样式,需要注意的一些事。好多xd留言,马上开动,说说移动端的css样式重置需要注意的一些事。
1、和pc端不同的是,pc需要兼容低版本的浏览器,而移动端这方面的工作就小多了。
2、移动端大胆的用css3吧
那么重置移动端的样式有哪些注意点呢?
容器的大小:
-webkit-box-sizing:border-box; /*webkit核心*/
2024年11月04日
我们在很多时候其实是需要在网页中设置鼠标效果的,有些是自动生成的,比如一个link链接,那么鼠标移上去自动会变成一个手的样子去点击,有时候一个input输入框,那么鼠标就自动变成一个英文大写I的样子,那么我们是否可以将更多对象设置成我们需要的样子呢?这完全是可以的,接下来就看下效果吧
2024年11月04日
想想一篇图文有多张同一类型的图片,公众号排版怎么才能不让人感到审美疲劳呢?那么你可以使用135编辑器滑动样式。
滑动样式:样式作用,节约排版空间,版面清爽整洁的同时还能与读者进行有效的互动,帮助打造文章氛围。
【使用说明】:可进行增减图片设置、样式高度设置。如果要增加滑动样式图片,怎么才能实现呢?我们就可以利用HTML代码来完成样式的修改。
如何增加滑动图片数量
1.进入到“HTML”模式,找到这段代码
2024年11月04日
转载说明:原创不易,未经授权,谢绝任何形式的转载
您是否经常遇到图片底部多出5px空间的问题?别担心,有4种方法可以解决。