小编Mul*_*ion的帖子

我需要创建一个图像库，其中单个图像是不规则三角形（强调不规则）。

我发现有关如何通过 html 和 css 实现三角形图像而不修改图像本身的有限示例。我在这个 CodePen https://codepen.io/thebabydino/pen/liDCz 中找到的一个例子是朝着正确方向迈出的一步，但看着它，我找不到一种方法来使图像不规则三角形。

我想要达到的结果是这样的：

  <div class='pageOption'>
      <a href='#' class='option'>
          <img src='~/images/team/pic_paggas/A.png'>
      </a>
      <a href='#' class='option'>
          <img src='~/images/team/pic_paggas/D.png'>
      </a>
   </div>

这是我将使用的基本 HTML，CSS 是：

.pageOption {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 40em;
    height: 27em;
}

.option, .option img {
   width: 100%;
   height: 100%;
}

.option {
    overflow: hidden;
    position: absolute;
    transform: skewX(-55.98deg);
}

.option:first-child {
    left: -.25em;
    transform-origin: 100% 0;
}

.option:last-child {
    right: -.25em;
    transform-origin: 0 100%;
}

.option img { …

当配置对象通过以下方式注册时，它的生命周期是哪个？它是单例、瞬态还是作用域？

  {
      services.Configure<SomeConfiguration>(configuration.GetSection(nameof(SomeConfiguration)));
  }

这就是我将配置添加到服务类中的方法

public class SomeService: ISomeService
{
    public SomeService(IOptionsMonitor<SomeConfiguration> configuration)
    {
         _configuration = configuration.CurrentValue;
    }
}

通过调试很难知道它是否是单例。因为 IOptionsMonitor 能够通过在 appsettings.json 更改上运行观察程序来检测运行时的更改