案例收集
笔记本、电脑效果
效果来源：https://www.kali.org/ - 2015
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1457 835.71"><defs><filter id="e" x="-.037008" y="-.068279" width="1.074" height="1.1366" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="25.760354"/></filter></defs><linearGradient id="a" x1="946.96" x2="946.96" y1="859.98" y2="832.7" gradientUnits="userSpaceOnUse"><stop stop-color="#5e5e5e" offset="0"/><stop stop-color="#2a2a2a" offset="1"/></linearGradient><linearGradient id="b" x1="97.768" x2="1769.9" y1="868.66" y2="868.66" gradientUnits="userSpaceOnUse"><stop stop-color="#313131" offset="0"/><stop stop-color="#646464" offset=".016376"/><stop stop-color="#3a3a3a" offset=".042464"/><stop stop-color="#3a3a3a" offset=".95939"/><stop stop-color="#646464" offset=".98287"/><stop stop-color="#313131" offset="1"/></linearGradient><linearGradient id="c" x1="97.768" x2="1769.9" y1="876.14" y2="876.14" gradientUnits="userSpaceOnUse"><stop stop-color="#797979" offset="0"/><stop stop-color="#eaeaea" offset=".016376"/><stop stop-color="#e0e0e0" offset=".042464"/><stop stop-color="#e0e0e0" offset=".95939"/><stop stop-color="#eaeaea" offset=".98287"/><stop stop-color="#797979" offset="1"/></linearGradient><linearGradient id="d" x1="940.38" x2="940.8" y1="908.51" y2="882.57" gradientUnits="userSpaceOnUse"><stop stop-color="#7c7c7c" offset="0"/><stop stop-color="#a2a2a2" offset=".8"/><stop stop-color="#9f9f9f" offset="1"/></linearGradient><path transform="matrix(.81206 0 0 .81206 50.204 38.024)" d="m134.87 15c-10.739 0-19.385 8.6455-19.385 19.385v788.79c0 6.2115 2.9031 11.709 7.4199 15.252v8.4961h-13.52l-109.33 25.975h1670.5l-116.77-25.975h-6.1797v-8.4512c4.5509-3.5411 7.4805-9.0581 7.4805-15.297v-788.79c0-10.739-8.6455-19.385-19.385-19.385zm-134.86 857.9v22.963c0.0011045 3.9e-4 0.0028017-3.8e-4 0.0039062 0 27.905 9.6556 66.845 25.143 118.82 24.598h1432.9c51.987 0.54513 90.929-14.944 118.83-24.6h-0.059v-22.959z" filter="url(#e)" opacity=".4"/><g transform="matrix(.81206 0 0 .81206 -29.979 37.077)"><path d="m221.64 809.89h1424.7v33.753h-1424.7z" fill="#181818"/><rect x="214.22" y="1.1667" width="1439.6" height="827.56" rx="19.385" fill="#383838" stroke-width="1.0128"/><rect x="219.66" y="7.2146" width="1428.7" height="815.47" rx="15.914" stroke-width="1.0016"/><path d="m208.12 833.09h1444.4l116.77 25.976h-1670.5z" fill="url(#a)"/><path d="m251.75 834.34-23.131 9.3047h1410.8l-23.131-9.3047z" fill="#252525"/><path d="m704.86 845.4-10.346 10.348h478.97l-10.348-10.348z" fill="#6b6b6b"/><path d="m98.741 866.55 1670.5 3e-5v15.481l-1670.5-3e-5z" fill="url(#c)"/><path d="m880.88 867.48h106.24c1.8173 0 3.2803 1.463 3.2803 3.2803v4.3457c0 1.8173-1.463 3.2803-3.2803 3.2803h-106.24c-1.8173 0-3.2803-1.463-3.2803-3.2803v-4.3457c0-1.8173 1.463-3.2803 3.2803-3.2803z" fill="#afafaf"/><path d="m880.88 867.9c-2.0856 0-3.7793 1.6937-3.7793 3.7793v4.3457c0 2.0856 1.6937 3.7812 3.7793 3.7812h106.24c2.0856 0 3.7793-1.6956 3.7793-3.7812v-4.3457c0-2.0856-1.6937-3.7793-3.7793-3.7793zm0 1h106.24c1.5489 0 2.7793 1.2304 2.7793 2.7793v4.3457c0 1.5489-1.2304 2.7812-2.7793 2.7812h-106.24c-1.5489 0-2.7793-1.2323-2.7793-2.7812v-4.3457c0-1.5489 1.2304-2.7793 2.7793-2.7793z" fill="#969696"/><path d="m98.741 859.07 1670.5 3e-5v15.481l-1670.5-3e-5z" fill="url(#b)"/><path d="m98.74 882.03c27.905 9.6555 66.847 25.145 118.83 24.6h1432.9c51.987 0.54513 90.929-14.944 118.83-24.6z" fill="url(#d)"/></g></svg>