Hello! i love this coding a lot have everything! to, there a one thing I want add, I try but I dint found a way to do it, so idk if you can help me doing something like this? the character imagine be on the background: Example
i changed the spacing here to make it more clear what's going on, but that won't actually affect anything. the green text is what you're going to want to add. the "no-repeat center" and "background-size: contain;" are there to position the image properly in the center of the image block.
you can add another value to background-size: contain; such as background-size: 100px 200px, contain; or background-size: 150%, contain; to resize the new image, but it'll get cut off at the edges of the image box rather than hovering over it. the whole layout needs to use overflow: hidden; in order to prevent other elements from bleeding out of the box, so there's nothing you can do to get around that, unless you were to add the image as an <img> outside of the rest of the code instead and position it manually (similar to how i did the pagedoll in this code), but it might be a pain to position it responsively and without causing the whole page to scroll horizontally.
Hello! i love this coding a lot have everything! to, there a one thing I want add, I try but I dint found a way to do it, so idk if you can help me doing something like this? the character imagine be on the background: Example
1 year, 8 days ago
hi, i'm glad you like it!! :D so the code for that image box is at the very end, and it looks like this:
you can add another image on top of it by adding another url in front of the one that's already there, like this:
i changed the spacing here to make it more clear what's going on, but that won't actually affect anything. the green text is what you're going to want to add. the "no-repeat center" and "background-size: contain;" are there to position the image properly in the center of the image block.
1 year, 8 days ago
omg thank you!! to, is there a way to make the imagine more bigger? due is floating :0
1 year, 8 days ago
you can add another value to
background-size: contain;
such asbackground-size: 100px 200px, contain;
orbackground-size: 150%, contain;
to resize the new image, but it'll get cut off at the edges of the image box rather than hovering over it. the whole layout needs to useoverflow: hidden;
in order to prevent other elements from bleeding out of the box, so there's nothing you can do to get around that, unless you were to add the image as an<img>
outside of the rest of the code instead and position it manually (similar to how i did the pagedoll in this code), but it might be a pain to position it responsively and without causing the whole page to scroll horizontally.1 year, 8 days ago
did it work!! tysm!
1 year, 8 days ago
no problem, glad i could help! <3
1 year, 8 days ago