O.REILLY@
key-> vertical-align: top;
我喜歡折角,我是斷背山?
我真他媽折角了。我槽
key->background-image: linear-gradient(to bottom right, gray 0, gray 90%, transparent 91%, transparent 100%);
切圖計畫啟動,從封面開始。
上面的都是小技巧,書中說道一個關鍵的點,視覺的錯覺:視覺的中點在偏上一點的位置(默默對自己說,不要用像素,別給自己挖坑。。)
<span style="color: #800000;">.center-display .object</span>{<span style="color: #ff0000;"> position</span>:<span style="color: #0000ff;"> absolute</span>;<span style="color: #ff0000;"> width</span>:<span style="color: #0000ff;"> 0.5em</span>;<span style="color: #ff0000;"> height</span>:<span style="color: #0000ff;"> 0.5em</span>;<span style="color: #ff0000;"> top</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;"> bottom</span>:<span style="color: #0000ff;"> 0.8em</span>;<span style="color: #ff0000;"> left</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;"> right</span>:<span style="color: #0000ff;"> 0</span>;<span style="color: #ff0000;"> margin</span>:<span style="color: #0000ff;"> auto auto</span>;<span style="color: #ff0000;"> border-radius</span>:<span style="color: #0000ff;"> 50%</span>;<span style="color: #ff0000;"> background-color</span>:<span style="color: #0000ff;"> red</span>;<span style="color: #ff0000;"> text-indent</span>:<span style="color: #0000ff;"> -300em</span>; }<span style="color: #800000;"> .center-display:nth-child(2) .object</span>{<span style="color: #ff0000;"> bottom</span>:<span style="color: #0000ff;"> 0</span>; }
居中和偏上一點點的程式碼,你能看出哪個是真真的放在中心嗎?
Get busy living, or get busy dying.