cococs 礼盒抖动动画

要实现礼盒抖动动画可以使用 CSS3 的动画特性。可以定义一个 `@keyframes` 规则，然后将该规则应用到礼盒的 CSS 样式中。

具体实现方法如下：

1. 首先定义 `@keyframes` 规则：

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-10px) rotate(-5deg); }
  50% { transform: translateX(10px) rotate(5deg); }
  75% { transform: translateX(-10px) rotate(-5deg); }
  100% { transform: translateX(0); }
}

在上面的代码中，定义了一个名为 `shake` 的 `@keyframes` 规则，其中包含了一些关键帧，每个关键帧都定义了礼盒的 transform 属性。

2. 接着，在礼盒的 CSS 样式中应用 `shake` 规则：

.gift-box {
  animation: shake 0.5s ease-in-out infinite;
}

在上面的代码中，将 `shake` 规则应用到了 `.gift-box` 元素上，其中 `animation` 属性指定了动画名称、持续时间、缓动函数和动画播放次数。

这样就可以实现礼盒抖动动画了。

相关问题

给你一个正整数数组 price ，其中 price[i] 表示第 i 类糖果的价格，另给你一个正整数 k 。 商店组合 k 类 不同 糖果打包成礼盒出售。礼盒的 甜蜜度 是礼盒中任意两种糖果 价格 绝对差的最小值。 返回礼盒的 最大 甜蜜度

这是一个组合问题，可以使用二分查找和贪心算法相结合的方法来解决。

首先，我们将 price 数组按照升序排序，然后使用二分查找来确定甜蜜度的值。假设当前的甜蜜度为 mid，我们需要找到 k 个糖果，使得这些糖果之间的价格差不超过 mid，且这些糖果的下标之和最大。可以使用贪心算法来实现这一步骤。

具体做法是，从左到右遍历排好序的 price 数组，维护一个长度为 k 的滑动窗口，窗口中包含的糖果的价格差不超过 mid。如果当前的窗口中包含 k 个糖果，则更新答案，并将窗口向右移动一位；否则，将窗口右端点向右移动一位，直到找到满足条件的窗口为止。

最后，返回找到的最大甜蜜度即可。

代码实现如下：

int maxSweetness(vector<int>& price, int k) {
    sort(price.begin(), price.end());
    int left = 1, right = price.back() - price.front();
    while (left < right) {
        int mid = (left + right + 1) / 2;
        int cnt = 0, i = 0, j = 0;
        while (j < price.size()) {
            if (price[j] - price[i] >= mid) {
                cnt++;
                i = j;
            }
            j++;
        }
        if (cnt >= k) {
            left = mid;
        } else {
            right = mid - 1;
        }
    }
    return left;
}