css
文章平均质量分 89
前端阳光
公众号《前端阳光》抓不住爱情的我 总是眼睁睁看她溜走 世界上幸福的人到处有 为何不能算我一个
展开
-
纯css就能实现可点击切换的轮播图,feel起来很丝滑
轮播图经常会在项目里用到,但是实际上用到的轮播图都是比较简单的,没有复杂的特效,这个时候如果去引入swiper那些库的话,未免就有点杀鸡焉用牛刀了。所以不如自己手写一个,而今天我要分享的一种写法也是我最近才发现的,发现写起来真的是很丝滑,只纯css就实现了呢!可以先看看预览效果for 属性规定 label 与哪个表单元素绑定,label的for属性要与绑定表单元素(input)的ID对应。绑定完成后可以通过点击label触发表单元素的默认属性。通俗的讲就是你绑定完了点lebel就相当于点击表单元素(inpu原创 2022-06-15 17:45:43 · 5314 阅读 · 0 评论 -
关于 HTML5 LocalStorage 的 5 个不为人知的事实
作者:Todd Anglin译者:前端阳光来源:http://htmlui.com/blog/2011-08-23-5-obscure-facts-about-html5-localstorage.htmlLocalStorage 是HTML5中一个方便使用的 API,它为 Web 开发人员 提供了一个易于使用的5MB的存储空间。使用 LocalStorage API 真的再简单不过了。不信看下://Save a value to localStoragelocalStorage.setI..原创 2022-03-17 11:04:55 · 3811 阅读 · 0 评论 -
UI妹子说我用CSS实现毛玻璃效果的样子很帅
前言UI小姐姐问我,能不能做出透明加模糊的背景,而我当然是二话不说就说可以。因为我觉得没有什么是css实现不了的。更何况我要在她面前展现得我很厉害的样子。开发起来果不其然,在我打开蓝湖后,发现属性都给我提供好了于是我立即将这份代码ctr c,然后ctr v,一番丰功伟绩立马就完成了,效果也是杠杠滴。然后兴高采烈地交付给UI小姐姐查看了。小姐姐也说可以。出于职业素养,我马上拿起我在pdd上9.9买的iphone13手机(当时也就邀请了我老家整个镇子的人来帮我砍一刀吧)查看效果,哇塞真机效原创 2022-03-07 17:14:02 · 1360 阅读 · 2 评论 -
拜托,css这样实现多行文本“展开收起” 超酷的好吧
前言2022.02.14的午后,我站在你家门口,再次遇见了你,他又来牵起你的手无法言语,我是什么,这样傻傻的我怎么守护你这次我静静哭了选择放弃,我好想好想把记忆折叠起可惜,记忆不能像之前那个需求一样自由展开与折叠前段时间接到一个需求,关于文字展开和收起的,走了很多路,踩了很多坑。在这个夜深人静,想你想到泪流的时候,决定记录分享一下。需求如下所述:未满两行时超过两行,少于7行时未展开展开超过7行时未展开展开就如上面所述,我倒是第一次做这种需求,于是就网上原创 2022-02-16 20:02:36 · 4210 阅读 · 4 评论 -
Css 实现漂亮弧形(不要再特意用图片做背景了)
在实现页面五花八门的有特色的ui时,我们有时会遇到要用实现一个弧形,而这样的弧形要怎么实现呢?用图片?好像不大现实,因为这样就要无故多加载一张图片了,这里我们来说说怎么用css的after伪类来实现弧形。先是一写元素,再给这个元素设置样式和伪类样式<view class="pure_top"></view>比如说这个pure_top元素(因为这里是小程...原创 2019-12-06 10:31:17 · 7720 阅读 · 1 评论