如何制作 大x倍?但不是线性更大,必须停止

问题描述 投票:0回答:1

好,所以我的博客的侧边栏中有这个标签云:

<div id="tags" class="widget clearfix">

    <h4 class="highlight-me">Nuage de tags</h4>
    <div class="tagcloud ">
        {% for tag, occurence in tags %}
            <a style="zoom: {{ 1 + (occurence - 1) * 0.25  }}" href="#">{{ tag }}</a>
        {% endfor %}
    </div>

</div>
在所有博客文章中,

tags排列在一起,标记的labels作为key,<作为values。目标是标记显示的越多,显示的越大(使用zoom: CSS内联声明)。

因此,我想到的公式是:1 + (x - 1) * 0.25。这样,唯一标签具有1缩放,两次的标签为1.25,三次的标签为1.501.75等。此公式通过外观将0.25添加到CSS的值中缩放声明

以线性方式

只要超过3或4篇文章中没有使用标签,这是可以接受的。但是当我在博客中有50篇以上的文章时,这将不再被接受。我不希望最受欢迎的标签占用太多空间。例如,用6.75缩放显示标签,如果在23篇文章中使用,情况将是不可接受的。

将使缩放增长不再线性的公式是什么?

谢谢!

html css math zoom
1个回答
0
投票
我不完全知道您是否被允许做。
© www.soinside.com 2019 - 2024. All rights reserved.