$el.classList.remove('shaking'), 820))"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-bind:class="modalWidth"
class="inline-block w-full align-bottom bg-white dark:bg-neutral-900 rounded-lg text-right overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
id="modal-container"
>
http://images.google.com.qa/imgres?imgurl=http://www.makingfriends.com/ponybead/images/p_monkey.gif&imgrefurl=http://www.makingfriends.com/ponybead/ponymonkey.htm&h=522&w=353&sz=10&hl=ar&start=17&um=1&tbnid=t36TNnn9Od1laM:&tbnh=131&tbnw=89&prev=/images%3Fq%3Danimal%2Bbead%2Bpattern%26svnum%3D10%26um%3D1%26hl%3Dar%26sa%3DG
http://images.google.com.qa/imgres?imgurl=http://www.makingfriends.com/ponybead/images/p_puppy.gif&imgrefurl=http://www.makingfriends.com/ponybead/ponypuppy.htm&h=293&w=260&sz=6&hl=ar&start=23&um=1&tbnid=sHOp7UCQOXZheM:&tbnh=115&tbnw=102&prev=/images%3Fq%3Danimal%2Bbead%2Bpattern%26start%3D18%26ndsp%3D18%26svnum%3D10%26um%3D1%26hl%3Dar%26sa%3DN