摘要: #两个标签绘制立体感按钮 效果如图 ! UI思路:两个圆加开关标志需要四个元素,把伪元素计算在内只要两个标签即可实现。 交互思路:利用内圆阴影或者另一个伪元素绘开关按压效果。 源码如下 <!doctype html> <html> <head> <title>naApp</title> <style 阅读全文
posted @ 2021-03-10 23:34 乐小天 阅读(217) 评论(0) 推荐(0) 编辑
摘要: #Jquery的Ajax简易优化思路 如今的前端领域各类轻量组件、代码库非常丰富,小伙伴们基本不会再用原生JS或者JQ进行业务交付。我偶然一次机会,做一个手机端H5应用的Demo,因为从未有过移动端开发经验,并且时间也算充裕,索性利用JQ开发一套UI库、函数库去完成Demo开发,顺带回顾一下原生知识 阅读全文
posted @ 2021-03-10 01:21 乐小天 阅读(121) 评论(0) 推荐(0) 编辑
摘要: #两个标签实现灯泡 ##关键思路 UI思路:将灯泡拆解成两部分,头部一个大圆形表示玻壳;底部矩形设置半边圆角表示金属壳;另外高光和过渡段可以用::before/::after绘制。 交互思路:关闭状态玻壳透明,阴影内置勾勒出轮廓;开启状态玻壳背景设置为白色,阴影外置形成白光扩散效果。当然可以设置亮度 阅读全文
posted @ 2021-03-10 00:32 乐小天 阅读(342) 评论(0) 推荐(0) 编辑