?關于“新擬態”的自定義解釋在我的早起博客中，傳送門https://blog.csdn.net/qq_37860634/article/details/107034976

訪問https://neumorphism.io?

幾種常用樣式 ：

border-radius: 50px;
background: #e0e0e0;
box-shadow:  20px 20px 60px #bebebe,-20px -20px 60px #ffffff;

border-radius: 50px;
background: linear-gradient(145deg, #cacaca, #f0f0f0);
box-shadow:  20px 20px 60px #bebebe,-20px -20px 60px #ffffff;

?

border-radius: 50px;
background: linear-gradient(145deg, #f0f0f0, #cacaca);
box-shadow:  20px 20px 60px #bebebe,-20px -20px 60px #ffffff;

border-radius: 50px;
background: #e0e0e0;
box-shadow: inset 20px 20px 60px #bebebe,inset -20px -20px 60px #ffffff;

總結

以上是生活随笔為你收集整理的Neumorphism.io一个神奇的网站，满足各种圆角矩形ICON图表立体化效果要求，这种样式的名称——新拟态的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。