在本教程中,我们将学习如何在 Elementor 中添加神经拟态风格效果来增强我们的网站设计。作为奖励,我们还将使用 CSS 代码来真正添加令人惊叹的因素。Neumorphism 或 soft UI 是一种结合了高光和阴影的设计风格,使元素看起来好像从页面中出现一样。
本教程将涵盖:
✔︎ 为软 UI 效果设置样式按钮
✔︎ 使用预先设置样式的图像来补充布局
✔︎ 使用图像框来设置布局样式
✔︎ 重用样式以获得更高效的工作流程
✔︎ 添加 CSS 以增强
CSS 代码片段:选择器 { box-shadow: 3px 3px 7px rgba(174, 174, 192, 0.25), -3px -3px 7px rgba(255, 255, 255, 0.7), inset 3px 3px 3px rgba(255, 255, 255, 0.7),
插图 -3px -3px 3px rgba(174, 174, 192, 0.25);
边框半径:30px;}