SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Wizard
    Join Date
    Feb 2009
    Posts
    1,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to make the dashed line to be "elastic" ?

    Here's the designer request:

    Screen Shot 2013-07-25 at 15.56.06 .png

    I've never accomplish something similar before. Any help regarding this technique, other then, "use Canvas" or use javascript, would be greatly appreciated.

    Is is possible to achieve this using only CSS, taking into consideration that the text with the slashed border telling:
    "Contribua com o que pode! Divulge muito", should GROW if the user zooms in, and the same should trigger the slashed box around it to grow accordingly, and still, keep all the slashes connected between backgrounds.

    Can any experience eyes telling me if, this is possible to accomplish?

    It could be IE 8 and good browsers up.

    Thanks in advance,
    mem

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,658
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Your looking for "css stitch effect". Here is the top result http://css-tricks.com/snippets/css/stitched-look/


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •