css3

    0热度

    1回答

    请看看图片。 enter image description here 我尝试下面的代码。但这并不甚密切。 z-index: -1; content: ""; box-shadow: 86px 0 17px rgba(0,0,0,0.33); -webkit-transform: skew(-36deg); -moz-transform: skew(-36deg); -ms-transf

    1热度

    1回答

    我有一个风格被称为北方的背景图像: .north { background-image: url("./images/turtle-north.png"); background-repeat: no-repeat; background-size: 50px 50px; } 这是呈现一个网格reactjs组件的一部分。使用此规则,图像显示正常。然而,当我尝试使

    0热度

    5回答

    我在我的HTML文件画廊及以下问题: 的形象是很好的显示,唯一的问题是在第二排,在图像的3“滑落”。这里是一个图片: 我试图与柔性盒来解决这个问题,但我不完全得到如何使用它。 顺便说一下,该网站将不会上线,因为我没有权利使用图片。 这只是为了学习。 代码: section p { margin-left: 5%; } section p iframe {

    1热度

    3回答

    建立一个包含图像的投资组合页面,并尝试使用jquery使悬停的标题显示和滑动,但当我尝试时,它不适用于我的代码。代码如下所示,另外还可以运行一段代码。 这里有一个片段 $('.port-img').hover(function() { if ($(".caption").is('hidden')) { $(this).show('slideUp', 'slow');

    6热度

    5回答

    我试图设计像下面的图像,仍然没有得到结果,请帮助我。任何帮助,将不胜感激 <!DOCTYPE html> <html> <head> <style> #rcorners1 { border-radius: 10px 90px 90px 10px/8% 100% 100% 8%; background: #18b1a0; paddin

    1热度

    1回答

    我有这样的元素的列表的空间: <div class="outer"> <div class="inner first">First</div> <div class="inner">Second</div> </div> 如果我申请以下样式 .inner { height: 30px; margin: 10px; } .first {

    -2热度

    2回答

    如果位于父元素(带position: relative或position: absolute)具有position: absolute一个子元素的定位的父内,那么孩子元素将绝对定位。 与position: sticky子元素的工作方式 - 子元素会被放置粘粘的定位父之内。 但是子女元素position: fixed将而不是在定位的父级中占据固定位置。 说明例: .panel { displa

    3热度

    2回答

    我想要创建连接3个div的圆形线条,如下图所示。我尝试使用CSS边框半径,但不知道如何让它们看起来像下面的图像连接。 <div class="progress bar"> 29</div> <div class="box"></div> <div class="progress bar"> 28</div> .box{ width:500px; height:100px;

    0热度

    1回答

    我创建了2个SVG,其中一个使用了vivius来勾画轮廓,另一个使用vivius填充轮廓!但是我不能让它在一个包装div中居中!这里是我的代码.... <div id="homeWrapper"> <div id="big-logo"> <div id="svg-wrapper"> <div id="svg-layer"> <svg id="CC

    2热度

    2回答

    图像被灰色框(数字)隐藏,其大小与图像相同。当悬停时,灰色渐隐并显示图像,过了一段时间后,图像顶部的文字会消失。 我开始倒退,在我写出“盒子”的淡出之前写入文本的淡入。但是,箱子的内容(图)放在figcaption标签内,并按照其规则进行设计。为什么会发生这种情况,并解决我的问题? 以下是代码的相关部分。 section figure { counter-increment: num