search

chnm / serendipomatic

http://serendipomatic.org/
26 stars 9 forks source link

Flip Card Effect Needs Discussion #16

Closed scottkleinman closed 11 years ago

scottkleinman commented 11 years ago

Please, please, please feed back any items you need from the search results that you're not currently getting for the Results Page of Delight...

mfrazer commented 11 years ago

I'm not sure about 1, but for 3) is there a css solution? ie a div that spans both the image and the text? i see where if the image is the driving factor for size this might not work, but just thought I'd throw it in in case it does. obviously, some of this only works for my solution but here's what I used in another project (the inline style is generated somewhere in the code I haven't found yet)

<div class="isotope-element style="position: absolute; left: 0px; top: 0px; transform: translate(0px, 0px);">

City & Regional Planning
Then, in the CSS, .isotope-grid-text { background: none repeat scroll 0 0 #4D4D4F; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 20;
mfrazer commented 11 years ago

Also, I'd like to touch base with you guys on #2 at some point today.

rlskoeser commented 11 years ago

Maybe only part of the image is the cue for flipping, with some kind of visual cue (like a turned page corner type of thing)? Not sure how much more difficult that is, though.

mfrazer commented 11 years ago

Test from Results Screen of Delight Ticket is: Click or hover to flip cards? And what to click on to go to original link and how to flip card over again?

https://github.com/chnm/petulant-adventure/issues/8