cropped-at_logo_web_square_no_text.png

Как да добавите силуетна сянка към прозрачно изображение, като използвате само Elementor - WordPress [EN/0097]

Предлагаме ви интерактивен урок

** Най-добре е да се гледа на цял екран (кликнете върху иконата в горния десен ъгъл, преди да започнете) **

https://www.iorad.com/player/2289841/How-To-Add-A-Silouette-Shadow-To-A-Transparent-Image-Using-Only-Elementor—WordPress–EN-0097-

25 STEPS

1. Отворете вашата страница и щракнете върху Редактиране с Elementor

Стъпка 1 изображение

2. Щракнете върху Navigator

Стъпка 2 изображение

3. Open Контейнер

Стъпка 3 изображение

4. Кликнете върху Изображение

Стъпка 4 изображение

5. Right Click Изображение

Стъпка 5 изображение

6. Кликнете върху Дублиране на

Стъпка 6 изображение

7. Щракнете върху Разширен

Стъпка 7 изображение

8. Change Z-Index to -3

Стъпка 8 изображение

9. Щракнете върху Свържете ценностите заедно

Стъпка 9 изображение

10. Кликнете върху Топ

Стъпка 10 - изображение

11. Щракнете върху Топ and apply a negative margin. In our case: -460

Стъпка 11 изображение

12. Щракнете върху Вляво

Стъпка 12 изображение

13. Add 50 to your Left margin to displace the shadow and create the effect.

Стъпка 13 изображение

14. Щракнете върху Стил

Стъпка 14 изображение

15. Щракнете върху CSS Filters

Стъпка 15 изображение

16. Щракнете върху Размазване

Стъпка 16 изображение

17. Тип Blur value. In our case: 9

Стъпка 17 изображение

18. Щракнете върху Contrast

Стъпка 18 изображение

19. Change Contrast value към 10, as we don’t want a contrasting and uneven shadow.

Стъпка 19 изображение

20. Щракнете върху Saturation

Стъпка 20 изображение

21. Change Saturation value към 0 as we want a desaturated shadow.

Стъпка 21 изображение

22. Щракнете върху Прозрачност

Стъпка 22 изображение

23. Change the Opacity value

Стъпка 23 изображение

24. In our case it is 0.5, but you may adjust it accordingly.

Стъпка 24 изображение

25. Click Актуализация за да запазите промените.

Step 25 image