Grow your CSS skills. Land your dream job.

Slider Concept Help Needed

  • # February 7, 2013 at 9:08 am

    Hello all!

    A friend of mine designed this slider and I am trying to make it work.

    http://codepen.io/Pmac627/pen/EvzDF

    I haven’t made it responsive, which I can through lots of lines of code. I’m posting it here to see if anyone can help me code a better (and much lighter) way, especially with the JS part.

    WHAT DOES IT DO:

    So the built model has 3 rows of 4 circles. On hover, the circles transform: scale(1.25). Eventually, they will also be links to that project in her portfolio. The previous/next buttons obviously cycle through the other rows. I can make it “responsive” by adding CSS media queries resetting the positioning to 3 to a row and 2 to a row. I can also hardcode the javascript for each situation based on checking the DOM and using a switch or if statement.

    Obviously, there are much better ways to do this, but I am not experienced enough to figure it out. All guidance is appreciated.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".