css动画小效果
关注
分享
扫一扫
文章平均质量分 88
苏七的猫
这个作者很懒，什么都没留下…
展开
-
css动画小效果
按钮滑动效果<style> div{ width: 100px; height: 50px; border-radius: 25px; cursor: pointer; background-color: lightblue; ...原创 2018-09-03 10:44:41 · 610 阅读 · 0 评论 -
走马灯效果
走马灯1. js方法 <style> .second { position: relative; float: left; width: 500px; height: 30px; margin: 20px 0 0 65px; ...原创 2018-09-03 16:07:38 · 4582 阅读 · 0 评论 -
图标或标签随着滚动条移动，到达一定高度后停止移动(Scroll)
具体可以用下面代码看效果&lt;!DOCTYPE html&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewpo原创 2019-01-22 18:01:39 · 1070 阅读 · 0 评论 -
页面左右区域超出滚动互不影响，滚动区域联动
想要写一个效果如下图所示，两个区域，之间的滚动条互不影响，各自独立作用。点击左边导航，右边会跟着滚动`<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2019-08-21 15:07:15 · 1891 阅读 · 1 评论 -
CSS transform: translate(-50%,-50%)导致的像素模糊问题解决办法
最近写项目遇到一个问题，我写了一个弹窗，因为宽度高度是动态的，不是固定的，所以有时候里面的像素会模糊，导致展示出来的效果是糊的原因：像素是基数的时候，用这个方法就会糊掉，偶数的时候不会解决方案如下：<div class="tire"> <div class="tanchuang"> 弹窗内容区域 </div></div>...原创 2019-09-24 10:01:49 · 1592 阅读 · 0 评论