Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

svg

  1. S

    Responsive width SVG image with fixed height rectangle at left and bottom - see my pen

    I need a SVG image something like the image bellow (open door architectural symbol ) that will be resized proportional but the height in green and width in red will stay same.The colors and sizes are just for illustrative purpose. I made try with this code bellow but don't know how to make the...
    • stav
    • Thread
    • html responsive svg
    • Replies: 1
    • Forum: HTML & CSS
  2. V

    Locate svg path

    From Linkedin.com I would like to download the Linkedin logo (.svg) However, clicking on the logo in the debug tool gives the path only to the background (empty image). How can I locate the path to the svg of the logo?
  3. Johna

    CSS How do I add shadow to SVG

    I've embedded an SVG in HTML and I want to add a shadow to it, but I don't know how to. I've tried adding filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2)); to the CSS and doing what they have here [https://www.w3schools.com/graphics/svg_feoffset.asp], but none of them seem to work. <svg>...
  4. SpongeBOB

    HTML Can only load one SVG object ?

    <object type="image/svg+xml" data="A.svg" width="32"/><br> <object type="image/svg+xml" data="B.svg" width="32"/> With this A.svg is display but not B ! If I swap them like this: <object type="image/svg+xml" data="B.svg" width="32"/><br> <object type="image/svg+xml" data="A.svg" width="32"/>...
  5. S

    HTML & CSS Pink effect hovering image

    Hi there, I'm trying to apply a color effect to several images in the same page. The image should turn in pink tones when hovering. I was able to do this to one image with SVG (and a lot of CSS). The problem is that I need to apply this to many images in the same page, and the code gets very...

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom