-
Posts
-
Hi folks, I would like to create a layer with Layer Slider that actually is obliqued, similar to what you can find in the second slider from top at this link (the one with pink background)
http://acumen.org/I tried to create a layer with an empty div, to which I gave width and height and then added via css the rotation. However it doesn’t work. Any suggestion?
Thank you very much
Elena
Hey Elena!
By adding overlay to the slider it will make the text also half opaque. instead I would suggest adding a inset box shadow or a pseudo element to the image and set an overlay to the images only.
You can check this link for some cool overly techniques..
http://tympanus.net/codrops/2013/11/07/css-overlay-techniques/
for example
img
Best regards,
VinayThanks Vinnie, but my problem is not the overlay. It is how to create a white div as an oblique ribbon. I used the rotate css property, but it works only in the building section: when I try to see it online it doesn’t work and the div is vertical.
Thans very much
ElenaHey!
Ok sorry! I din’t get it the first time… As i understand you like to create a skewed css container. Please check out this link http://www.css3-generator.de/transform.html
If you have any issue implementing it please provide the link to the page where you want to set this up.
Best regards,
VinayDear Vinnie, thanks for the suggestion, but I know how to write the css in order to have a skewed container. The problem is that som sort of custom CSS are not detected by Layer Slider in the front-end, although you can see it in the backend. For example, if I give some shade to my layers via custom CSS, that would work, but not the skeweness. I’ve read something about this issue, but I was wondering if you at Kriesi have found some solutions.
Best
Elena
- You must be logged in to reply to this topic.