【元旦快乐】奇舞周刊第516期:css水滴登录界面

技术实践

■ ■ ■

css水滴登录界面

今天我们来分享一款非常有趣的登录界面,它使用HTML和CSS制作,具有动态的水波纹效果,让用户在登录时感受到了一股清凉之感。

用 CSS counters 实现逐层缩进

之前使用纯 CSS 实现了一个树形结构,展开收起是用到了原生标签details和summary,还有一点,树形结构是逐层缩进的,是使用内边距实现的,但是这样会有点击范围的问题,「层级越深,点击范围越小」,之前的方案是用绝对定位实现的,比较巧妙,但也有点难以理解,不过现在发现了另一种方式也能很好的实现缩进效果,一起看看吧。

奇舞精选

■ ■ ■

为什么我总学不好TS?

TS的出现为JS带来静态分析能力。从这个角度看,TS是兼容JS的。所以从JS出发学习TS,在初期不会有很大阻力。但是,TS本身也是一门语言,这门语言的操作对象是类型,语法规则叫「结构化类型系统」。所以,当我们想深入使用TS时,必然会触碰TS语言本身的规则,此时我们需要从TS出发学习。只有这样,才能真的学懂、用好TS。

17个有用的CLI命令,作为前端工程师,你需要知道一下

作为前端开发工程师,我们需要了解哪些命令?如果您熟悉这些命令,它们将大大提高您的工作效率。

让我们通过构建一个现代 JavaScript 框架来学习它是如何工作的

学习事物的最佳方法之一是亲自动手构建。而且,我们要继续保持那些 “距上一个 JavaScript 框架的天数” 模因的持续。因此,让我们来编写我们自己的现代 JavaScript 框架吧!

拓展边界

■ ■ ■

如何为Electron应用开发原生模块

本文将探讨如何在Electron应用中开发原生模块,以扩展应用的功能和性能。

不懂技术也能轻松上手前端网站部署

这里写一篇简单的从零开始部署前端项目的全过程,想要自己搭建项目部署的可以看一下这篇文章。

Nuxt 3.9 正式发布!

12 月 25 日,Nuxt.js 3.9 正式发布,该版本作为 Nuxt 团队的圣诞礼物, 带来了 Vite 5、交互式服务端组件、新的可组合项、新的 loading API 等。下面    就来看看该版本有哪些升级吧!

【元旦快乐】奇舞周刊第516期:css水滴登录界面_第1张图片【元旦快乐】奇舞周刊第516期:css水滴登录界面_第2张图片【元旦快乐】奇舞周刊第516期:css水滴登录界面_第3张图片号外号外,免费送奇舞团定制周边啦!!!

【元旦快乐】奇舞周刊第516期:css水滴登录界面_第4张图片【元旦快乐】奇舞周刊第516期:css水滴登录界面_第5张图片【元旦快乐】奇舞周刊第516期:css水滴登录界面_第6张图片小伙伴们,《奇舞精选》正在参加掘金年度人气创作者评选活动,活动期间每天投出您宝贵的两票即可参与本次抽奖(本次开奖时间截止今日18:00)

【元旦快乐】奇舞周刊第516期:css水滴登录界面_第7张图片【元旦快乐】奇舞周刊第516期:css水滴登录界面_第8张图片【元旦快乐】奇舞周刊第516期:css水滴登录界面_第9张图片 欢迎加入奇舞精选读者群获抽奖码~

【元旦快乐】奇舞周刊第516期:css水滴登录界面_第10张图片

【元旦快乐】奇舞周刊第516期:css水滴登录界面_第11张图片

- END -

关于奇舞团

奇舞团是 360 集团最大的大前端团队,代表集团参与 W3C 和 ECMA 会员(TC39)工作。奇舞团非常重视人才培养,有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择,并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。

【元旦快乐】奇舞周刊第516期:css水滴登录界面_第12张图片

你可能感兴趣的:(css,前端)