Cień w elemencie

Question

Witam,

 

Jak dodać cień do elementu .triangle-down-left?

http://codepen.io/Bakr1/pen/xqErgM

Comments

ale gdzie ten cień miałby być? z której strony?

---

Ma to sprawiać wrażenie, że element triangle-down-left znajduję się pod .cover::after

---

dziwne rzeczy...nigdy się nad tym nie zastanawiałam i sama jestem ciekawa, jak to rozwiązać więc nie pomogę, ale też czekam na czyjąś odpowiedź ;)

Answer 1

https://www.w3schools.com/cssref/css3_pr_box-shadow.asp Z tym ze nie bardzo rozumiem co chcesz zrobic

Comments

tyle tylko, że to nie jest zwykły prostokąt, czy kwadrat - taki cień autor pewnie by potrafił zrobić ;)

Answer 2

Aby zrobić to na tym przekrzywionym elemencie nieco trzeba przeprojektować elementy. Aby uzyskać cień nie mozesz budować trójkątów na podstawie bordera. Musisz zrobić diva (lub dopisać aftera/befora) w divie .triangle-down-left z background i ustawić mu transform rotate. następnie aby nie było widać pozostałych brzegów diva do .triangle-down-left dopisać overflow hidden. gdy już bedziesz miał przekrzywionego diva bez problemu możesz korzystać z właściwości box-shadow. Za chwilke dopisze przykładzik jak powinno to wyglądać ;) Chyba ze nie potrzeba ?

Comments

https://css-tricks.com/triangle-with-shadow/
tu jest chyba coś w tym stylu, o czym mówisz ;p

---

Tak double-box method to dokładnie to ! :D Dzięki za pomoc w wyjaśnieniu mojego opisu ;)

---

kilka minut wcześniej o tym czytałam, bo szukałam na to odpowiedzi więc podesłałam, może autorowi pytania się przyda ;p