滑鼠移到圖片上... 變明亮

想法是:  先把圖片的  opacity  設成  0.5,  然後背景色設成黑色

所以這時候圖片就會比原先的圖片暗淡...

然後當滑鼠移到這裏...

就把  opacity 改成    1.0


css code 如下:

.meal-photo img {
    opacity: 0.7;
    width: 100%;
    transform: scale(1.15);
    transition: opacity 0.5s;
}

.meal-photo img:hover {
    opacity: 1;
}


 transition: opacity 0.5s;  ->  變化時間...  可以造成慢慢變暗的效果...

header 框線的作法

li + li { border-left }


兩者相鄰的元素，後者的左方加入 border-left

face detection

Ref :  http://www.appcoda.com.tw/face-detection-core-image/

ios desing-guidelines

Ref : https://designcode.io/iosdesign-guidelines