Periodic-Table:带有 CSS 网格和 glassmorphisim UI 的元素周期表

【文件属性】：
文件名称：Periodic-Table:带有 CSS 网格和 glassmorphisim UI 的元素周期表
文件大小：72KB
文件格式：ZIP
更新时间：2021-07-24 04:12:29
html periodic-table HTML 带有 CSS 的元素周期表 使用 CSS 网格构建了一个 glassmorphisim 周期表。 这是我即将发布的博客的一个项目创意： “如何使用 CSS 网格（Position & Span 属性）构建复杂的布局” 这是一个将测试您在构建复杂布局方面的 CSS 网格能力的项目。 使用的语言 HTML CSS 你会学到的东西 如何跨越和定位网格元素。 快速 hack 将网格列分开。 用于创建多行 HTML 代码的 Emmet 快捷方式。 如何设置Glassmorphisim UI 的样式 建议 如果您对这个项目感兴趣，我建议您应该查看这些内容。 挑战。 化学组颜色 颜色 十六进制 非金属 #00B6BC 过渡金属 #4fbb62 后过渡金属 #F53951 碱土 #00B6BC 准金属 #ffa500 卤素 #ff4500 稀有气体 #ce07ad 镧系元素

【文件预览】：
Periodic-Table-main
----css()
--------colors.css(1KB)
--------style.css(2KB)
----index.html(31KB)
----README.md(3KB)
----favicon()
--------android-chrome-192x192.png(11KB)
--------apple-touch-icon.png(10KB)
--------favicon-32x32.png(1KB)
--------favicon-16x16.png(630B)
--------android-chrome-512x512.png(37KB)
--------site.webmanifest(263B)
--------favicon.ico(15KB)