- This topic is empty.
October 26, 2011 at 3:06 pm #89711
hello…..??November 2, 2011 at 9:00 pm #90106
Sorry for being so late. Work has been busy and I’ve also been working on a plugin of my own. I wanted to do it Saturday but work sometimes doesn’t let things be that convenient.
I have it completed. I don’t have FTP access to my site from work so I can’t post it online from here so I’ll post when I get home in like 2 hours.
It should be exactly what you want.
You can see how I did it. I used a combination of -moz-transform and a little relative positioning. You can change the Skew values to get the angle you want. Just know you’ll have to adjust the relative positioning and image width to match.
Let me know if you need any help in adjusting it to fit your specific design.
There is only one little bug which is on the last slide. Since it’s skewed and there is no slide after the very last one, it shows an empty triangle in the bottom right. You can adjust for that by giving #slider a background image and placing it there so when you’re on the last slide, it’ll be filled in. You can put something fancy, or like a note or ad or something.
I’ll let you know if I come up with something to fix that triangle.November 2, 2011 at 9:47 pm #90108
thanks so much noah. Interested way of approaching it forsure. I would think putting a background image in the #slider div would be fine, or maybe even making it a link saying “view more” which would go to the blog landing page. I would figure something out.
Looking forward to seeing what you came up with, let me know when you get a chance to upload it. You could alternitevely email me.
Let me know. thanks :)November 3, 2011 at 12:50 am #90112November 3, 2011 at 9:51 am #90120
hey noah, looks really nice. have not checked it out yet in IE but i assume it will just be straight. I had to add the webkit transform skew prefix here to get it to work in safari and chrome.
When i get to the office ill test it out on my PC.November 3, 2011 at 11:43 am #90127November 3, 2011 at 12:14 pm #90129July 15, 2014 at 4:20 am #175450buttonpushingmonkeyParticipantJuly 16, 2014 at 5:29 pm #175618brennanParticipant
achieves a similar result.
theme built off of sequence jsJanuary 20, 2016 at 8:28 am #237030SWRXParticipant
I’m desperately trying to find a way of doing exactly what Noah (hello Noah :) seems to have achieved but I couldn’t find back any demo files so far.
Would you guys have a version you could update this thread with ?
That would be awesome as it might save me days of work, if not a negative answer to my team.. hhhh
I could find no trace of any demos on codepen..
Wouldn’t any of you know where to start looking ..?
- The forum ‘CSS’ is closed to new topics and replies.