Html and CSS image uploader

Question

I'm trying to convert this image bubble(Below), so i can use it to upload my images when the user creates the account, for example when the user hovers of the image bubble it will display an "Upload profile image" and when the user clicks it, it should prompt them to upload an image. Can anyone push me in the right direction to achieve this?

enter image description here

You must have tried something...Please show us ...we will guide you thereafter — Tushar Gupta
– Tushar Gupta, Commented May 12, 2015 at 4:05

Pranav Nutalapati · Accepted Answer · 2015-05-12 04:07:27Z

1

I'm assuming you know how image uploading works, if not, please do specify. In css, have you tried:

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
}

answered May 12, 2015 at 4:07

Pranav Nutalapati

7741 gold badge7 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Html and CSS image uploader

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related