pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] website: add a zoom-out animation in website animate

Browse Source 
task-2545252

X-original-commit: b1e15473f024c569e6a8f44ba8805467f484fb05
Part-of: odoo/odoo#76610
This commit is contained in:
Benjamin Vray
2021-09-16 10:01:06 +00:00
committed by qsm-odoo
parent 146070db7c
commit a04ce99689
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/static/src/scss/website.scss
+13
View File
@@ -1728,6 +1728,19 @@ ul.o_checklist > li.o_checked::after {
animation-name: o_anim_rotate_in_down_right;
}
@keyframes o_anim_zoom_out {
0% {
opacity: 0;
transform: scale(1.3);
}
100% {
opacity: 1;
}
}
.o_anim_zoom_out {
animation-name: o_anim_zoom_out;
}
@keyframes o_anim_zoom_in {
0% {
opacity: 0;
addons/website/views/snippets/snippets.xml
+1
View File
@@ -1230,6 +1230,7 @@
<we-button data-select-class="o_anim_rotate_in_down_left">Rotate In-Down-Left</we-button>
<we-button data-select-class="o_anim_rotate_in_down_right">Rotate In-Down-Right</we-button>
<we-divider/>
<we-button data-select-class="o_anim_zoom_out">Zoom Out</we-button>
<we-button data-select-class="o_anim_zoom_in">Zoom In</we-button>
<we-button data-select-class="o_anim_zoom_in_down">Zoom In-Down</we-button>
<we-button data-select-class="o_anim_zoom_in_left">Zoom In-Left</we-button>