اقدم لكم كود تأثيرات على الصدوق الماسي بشكل رائع جدا

.rtl .sceditor-button {    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0rgba(255,255,255,.3);  -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0rgba(255,255,255,.3);  box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0rgba(255,255,255,.5), inset 0 -5px 0 rgba(0,0,0,.6), inset 0 -9px 0rgba(255,255,255,.3);  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  } div.sceditor-toolbar {    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0rgba(255,255,255,.3);  -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0rgba(255,255,255,.3);  box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0rgba(255,255,255,.5), inset 0 -5px 0 rgba(0,0,0,.6), inset 0 -9px 0rgba(255,255,255,.3);  -webkit-border-radius: 20px;  -moz-border-radius: 20px; }  div.sceditor-group {-moz-background-clip: padding;-moz-border-radius: 3px;-webkit-background-clip: padding-box;-webkit-border-radius: 3px; background-clip: padding-box;border-bottom: 1px solid #aaa;border-radius: 3px;display: inline-block;margin: 5px 5px 1px 0;padding: 1px;}