Html and CSS image uploader

Question

Я пытаюсь преобразовать этот пузырь изображения (ниже), поэтому я могу использовать его для загрузки моих изображений, когда пользователь создает учетную запись, например, когда пользователь наводит пузырь изображения на него «Загрузить изображение профиля», и когда пользователь нажимает на него, он должен попросить их загрузить изображение. Может ли кто-нибудь подтолкнуть меня в правильном направлении, чтобы достичь этого?

Answer 1

Я предполагаю, что вы знаете, как загрузка изображения работает, если нет, пожалуйста, укажите. В css, вы пробовали:

form{ 
    position: absolute; 
    opacity: 0; 
    /* You'll need to fine-tune this part */ 
    top: 50px; 
    left:50px; 
    /* If you want, you can add a transition on opacity */ 
} 

form:hover{ 
    opacity:1 
}