小编vsy*_*ync的帖子

我想剪切一个带有3px实线边框而没有背景的按钮的两个角,如下例所示,最好只有CSS.我尝试了很多选项并在网上搜索,但到目前为止没有运气......你们知道实现这一目标的方法吗？谢谢你的回复!

到目前为止我得到的是:

a.button{
    padding: 10px 18px;
    border: 3px solid $blue;
    text-transform: uppercase;
    font-size: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

问题是这导致半径角,我希望角是直切.

我有一个 jquery 函数，可以在选中或取消选中某些复选框时显示或隐藏 div，并且使用“更改”函数可以正常工作。因此，如果之前已选中该复选框，则不会显示相应的 div。我怎样才能更改此代码以使其工作？

我的代码在这里：

<script>
    jQuery(document).ready(function($) {

        $('.my_features').change(function() {
            var checkbox = $(this);                 
            if( checkbox.is(':checked') ) {                       
                $( '#' + checkbox.attr('data-name') ).show();
            } else {                      
                $( '#' + checkbox.attr('data-name') ).hide();
            }
        });
    });
</script>

我的小 jQuery 脚本处于盲点。重点是我试图使一个元素旋转，并在用户滚动页面时动态应用旋转值。

它可以在 stackoverflow 上运行，但我无法让它在我的网站上运行...我使用的唯一外部库是 JQuery。

你能告诉我问题出在哪里吗？

var $animObject = $('.animateObject');
var $window = $(window);

$window.on('scroll', function() {
  var fromTop = $window.scrollTop() / -4;
  $animObject.css('transform', 'rotate(' + fromTop + 'deg)')
});

.header {
  width: 100%;
  height: 100vh;
  background-image: url('https://simply-design.ml/dev/img/start1.jpg');
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-content {
  padding: 30px;
  max-width: 470px;
}

.header-wrapper {
  padding: 50px;
  border: solid 3px #fff;
}

.header h1 {
  font-size: 30px;
  color: #fff;
  text-align: center;
}

.header p {
  font-size: 20px;
  color: #fff; …

我需要帮助使用纯 CSS 实现古董照片滤镜。我试图仅实现颜色，而不是像素化或破损边缘效果。我知道 CSS 无法实现像素化和撕裂，但我希望颜色/对比度/饱和度等尽可能接近。这是目标：

到目前为止我有这个代码：

filter: sepia(.75) contrast(.75) brightness(1.25) saturate(1.4);

我的另一个问题是我的显示器的色彩准确度不太好，所以我希望拥有更好校准显示器的人可以帮助实现这一目标。

我希望选择 ( :checked) 有不同的背景颜色。

这是我的示例代码：

label {
  display: block;
  background: gray;
  border:1px solid black;
  margin-bottom:5px;
  padding:10px;
  cursor: pointer;
}

label + [type="checkbox"]:checked {
  background: yellow;
}

<div class="poll">
  <label class="a"><input type="checkbox" /> Yes</label>
  <label class="a"><input type="checkbox" /> No</label>
</div>

我的问题涉及：设计调查表

还要考虑输入在 DOM 中预设但隐藏的情况，因此标签仍然可单击并切换它。

用CSS能做出这样的效果吗？

数字应该动态变化，所以如果 HTML 结构看起来像这样，那就太好了：

<div class="digits-show">
    <div class="digits-show__text">enter our world</div>
    <div class="digits-show__bg"> 42342379723094873294872398479347239....2424</div>
<div>

我尝试使用“mix-blend-mode”CSS 属性，但没有成功。

它似乎只适用于"偶数"数字:

"8"|0 + 1   // 9
"3"|0 + 1   // 3
("3"|0) + 1 // 4

但"3"|0转换为整数3.

那么这里发生了什么？
为什么第二个例子在JS中就像这样？

我是Mapbox API的新手，我正在尝试开发一些东西，其中从服务器返回geojson文件，并在地图上绘制要素。

我已成功在地图上绘制要素。我要做的是浏览所有记录，查看geojson列是否具有值，如果可以，则从服务器获取它，创建一个新层并将其绘制在该层上。

这些都是多边形。我需要做的是在单击一个多边形时触发一个事件，这就是为什么我使用单个图层的原因。这是代码：

<script type="text/javascript">
        L.mapbox.accessToken = 'someKey';
        var map = L.mapbox.map('map', 'someMap')
            .setView([-39.67, -69.26], 4);

        $(document).ready(function(){
            $('header h2').text('Equipment Map');

            $.getJSON('distributor-companies', function (data) {
                var layers = [];
                $.each(data, function(i, item) {
                    if(item.geojson != ''){
                        var file = item.geojson;
                        layers[i] = L.mapbox.featureLayer().addTo(map);
                        $.getJSON('/geojson/' + file, function(data){
                            console.log('layer' + i);
                            layers[i].setGeoJSON(data);
                        });
                    }
                });
                $.each(layers, function(i, item){
                    console.log(item);
                    // item.on('click', function(e){
                    //  alert('hello');
                    // });
                });

                layers[32].on('click', function(e){
                    alert('hello');
                });
                layers[31].on('click', function(e){
                    alert('hello hi');
                });
            });
        });
    </script>

现在，我从分销商－公司路线中获取所有数据，并每次创建一个新层并为每条记录绘制数据。所以最后我剩下很多多边形。

最后，我尝试在运行良好的各个层上分别注册一个click事件侦听器。但是在我试图遍历该层之前的代码不起作用。console.log函数将所有图层显示为对象，但是当我尝试在该项目上注册on …

如何使用 CSS（div 的半背景颜色）进行这种设计？