css学习+less学习
文章平均质量分 56
Candy_home
这个作者很懒,什么都没留下…
展开
-
渐变效果选择
测试地址:原创 2014-07-17 17:13:16 · 586 阅读 · 0 评论 -
轮播滚动效果+动画淡入淡出切换图片(内含demo)
起因: 做了个滚动效果,除了自适应以外,都和腾讯AI开发平台的效果相似。主要技术点:1.动画淡入淡出切换图片2.轮播滚动效果 + hover改变选中滚动状态3.文字切换展示1.动画淡入淡出切换图片(通过控制CSS来改变效果)JS代码:// 替换class达到淡入淡出的效果 fadeIn(e) { e.className = "time-slider-item fadein"; }...原创 2018-04-27 16:43:41 · 3138 阅读 · 0 评论 -
CSS 多行省略失效 (-webkit-box-orient 失效)
很神奇的使用多行省略的时候原始代码为:.line-ellipsis-2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical;}默认编译的时候,会过滤 -webkit-box-orie...原创 2018-03-21 21:52:40 · 10423 阅读 · 1 评论 -
解决 IOS 显示 transparent 展示黑色透明
IOS 展示 transparent 会变成黑色,Android展示就没有问题,transparent支持度问题原创 2017-09-05 00:21:42 · 4272 阅读 · 1 评论 -
图片被拖动问题的解决方式
对有些图片的会被拖动的问题,是不是表示已经厌倦了改变成用background-image的方式,找到图片的位置,放到<Div>标签中而不是<img>中就可以愉快的解决这个问题啦~注意要重新定位下,不然图片会到最上方去。是不是棒棒哒☺~原创 2014-11-26 00:05:35 · 1731 阅读 · 0 评论 -
css中 :not() 选择器的用法
:not() 选择器用于一些特殊的功能的呈现上原创 2014-11-18 05:19:26 · 16837 阅读 · 3 评论 -
css 箭头的实现
CSS 实现箭头符号CSS代码:.pr_risk-bar_mark--target__prev,.pr_risk-bar_mark--target__next{ position: absolute; top: 50%; margin-top: -8px; width: 0; height: 0; border-top: 8px solid transpa...原创 2014-07-11 16:09:02 · 1032 阅读 · 0 评论 -
CSS透明效果
fadein(@color, 10%); // 透明度增加 10%fadeout(@color, 10%); // 透明度降低 10%fade(@color, 50%); // 设定透明度为 50%原创 2014-07-11 15:32:45 · 752 阅读 · 0 评论 -
css语句的计算
width: e("calc(100% + 80px)");e----原创 2014-07-10 15:58:50 · 693 阅读 · 0 评论 -
当table遇上border-spacing,如何填补表格中间空白
首先要从吐槽说起,有个非常坑爹的designer伤不起了原创 2014-07-24 17:13:21 · 1817 阅读 · 2 评论 -
等待中loading 菊花图CSS 效果实现【Antd spin 源码实现】
缘起:今天闲来无事,调试一个单页面VUE的效果,94年的开发小哥哥说,让我给他加个菊花图...Excuse me? 菊花图?长这样么?还是?长这样?简直让我脑洞大开。。其实呐,他说的是这个。。等待状态,我内心 好了,那怎么实现呐 第一反应:gif找个gif 图好麻烦~想了想、、一定有别的解决方式。 第二反应:看别的怎么做第一个想起来宠幸...原创 2018-08-09 17:35:32 · 6053 阅读 · 0 评论