Streaming live at 10am (PST)

Ideas on how to implement this unique form


#1

Hi guys,

I'm wishing to use a similar idea to the yelp rating system and using my own svg images to create the desired effect, however I wouldnt mind boucing the idea off before i begin the process.

Here is the desired effect : https://vid.me/36iw

These are my svg icons:

Would i do the following:

  1. Create exact copy of svg in a lighter shade
  2. Create 6 versions
    a - No rating (5 light yellow)
    b - 1 rating (1 bright yellow, 4 lighter yellow)
    c - 2 rating (2 bright yellow, 3 lighter yellow)
    d - 3 rating (3 bright yellow, 2 lighter yello)
    e - 4 rating (4 bright yellow, 1 lighter yellow)
    f - 5 rating (5 bright yellow)
  3. On hover appear all bright yellow
  4. Create click interaction on desired rating by showing the 1/6 versions.

How is the direction so far??

Here is my public share link: LINK
(how to access public share link)


#2

Take a look on this: http://auxiliary.github.io/rater


#3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.