css3 相关问题

第三版层叠样式表样式语言(通常缩写为CSS3)汇集了强大的视觉功能和多种设计操作技术。

CSS3圆形菜单

我已经找到了这个漂亮的圆形菜单,我正在努力适应自己的需求。我只需要菜单中的四个项目,它们的“宽度”(水平空间)应该增加。我把...

回答 2 投票 5

如何从子Div重叠父Div

我的HTML上有一些div,其中之一正在加载图片div,因此我希望它与其父div重叠。这是我的代码:

回答 5 投票 5

如何使用CSS制作弯曲的六边形

这是我的CSS。 CSS#hexagon-circle {宽度:100px;高度:55px;背景:红色;职位:相对border-radius:10px;}#hexagon-circle:之前{content:“”; ...

回答 5 投票 9

如何在Chrome中使用CSS翻转和旋转图像

我试图翻转图像,然后使用CSS旋转它。这是页面 ] >>>> 您可以将它们合并为一个语句: transform: rotate(180deg) scaleX(-1); 或者您可以使用matrix属性:http://www.w3schools.com/css3/css3_2dtransforms.asp 甚至还有代码生成器,例如:http://www.css3maker.com/css3-transform.html 我也对Lea Verou的旋转标志有疑问。如果未在Webkit中进行修改,则无法使用。这是我解决的方法: <style> div { width: 9em; padding: .6em 1em; margin: 2em auto; background: yellowgreen; -webkit-animation-name: spin; -webkit-animation-duration: 1000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-play-state: paused; animation: spin 1s linear infinite; animation-play-state: paused; } @keyframes spin { to { transform: rotate(1turn); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(1turn); } } div:hover { -webkit-animation-play-state: running; animation-play-state: running; } </style> <div ontouchstart="">Hover over me and watch me spin!</div> 我遇到了这个问题,我可以这样解决:(我只是想旋转和拍张带有left-img类的照片)(并享受;)) .left-img{ -webkit-transform:rotate(-90deg) scaleX(-1); -moz-transform: rotate(-90deg) scaleX(-1); -ms-transform: rotate(-90deg) scaleX(-1); -o-transform: rotate(-90deg) scaleX(-1); transform: rotate(-90deg) scaleX(-1); }

回答 3 投票 0

无法在Firefox中滚动网站

我无法在Firefox中滚动网站。它仅能与其他浏览器(例如Chrome,Safari和Internet Explorer)配合使用。有人知道如何解决此问题吗?此问题是由错误引起的吗?

回答 2 投票 2

如何在字体字体中使用字体粗细?

我有两个字体文件,例如:FONT-light和FONT-bold。两者都来自@ font-face工具包,因此每个版本都包含5个字体文件(OGV,TTF,WOFF,EOT)。从精简版转到粗体版I ...

回答 4 投票 24

带有圆圈的FontAwesome图标

我正在尝试在一个圆圈内创建fontawesome图标,并且我使用了边框CSS来实现。但是,对于不同的字体图标,边框不是圆形的,它会更改它的形状,以用于...

回答 4 投票 0

悬停webkit-scrollbar-thumb时更改webkit-scrollbar-track-piece的颜色吗?

我有以下CSS规则:::-webkit-scrollbar-thumb:vertical:hover {background-color:#666; }我还想在悬停webkit-scrollbar-thumb时装饰webkit-scrollbar-track-piece。 ...

回答 2 投票 3

如何使用jQuery在data属性中添加文本?

[查看我的小提琴代码:http://jsfiddle.net/hassaan39/0kourse6/ * {边距:0像素;填充:0px;框大小:border-box; } .pin_head {背景:#eee; } .pin_head:{... ...>之后>

回答 4 投票 4


将Javascript变量发送到.css({transform:translate(var,var)})

我想通过transform属性将div的136px右移,所以我写道:`$(“。the_div”)。css({“ transform”:“ translate(136px,0px)”})); the_div类包含.the_div {transition-duration:2s; } ...

回答 2 投票 0

如何创建CSS动画像冲击波

我的工作以创建CSS动画有一样的效果冲击波在本设计中看出:我现在尝试创建一个冲击波,但问题是圆的内部填充,并没有...

回答 1 投票 0

如何在另一个网格中添加格?

由于在图像下面我有全高的背景图像。问题是里面在另一个网格,网格和它不能伸出。在这里,你可以检查我会重新创建网格布局。通过我不能使用...

回答 1 投票 0

如何修复而无需移动标志牌,以中心为中心的菜单?

我想我的中心导航栏菜单,但我不希望我的标志导航栏品牌太多移动,但我也试图与文本的中心,但它似乎没有什么工作。我更新的代码,并移除.. 。

回答 1 投票 1

制作 是屏幕宽度

我试图建立一个为我的网站放东西的,然后现在的顶部。但是,它没有达到这看起来很奇怪我的屏幕的两端。 HTML Super Bowl ...

回答 1 投票 0

中心段,同时具有边距以创建空的空间

所以,我想我的居中段落在页面的中间,同时创造一些左,右页边距“空的空间”。我的目标是把它放在像样式文本框,并让它在页面的中心...

回答 3 投票 0

如何从javaScript分配“网格区域”属性?

我正在构建一个跳棋游戏,我所有的方块都是HTML div,其id属性描述了它们的位置(例如'8a','7b'等)。我想遍历JS中的board对象,得到...

回答 1 投票 2

如何获得CSS变换旋转值以度数的JavaScript

我使用的CSS-技巧中发现的代码来获取当前旋转变换(在CSS)用JavaScript。 JavaScript函数:函数getCurrentRotation(ELID){VAR EL =的document.getElementById(...

回答 2 投票 7

textarea的autoheight不挠里面工作

我使用的语义UI反应,theirTextarea具有为您创建的新线是自动扩展文本区autoHeight属性。这个停止工作,如果多行文本由Grid.Column里面包裹...

回答 1 投票 0

你如何调整在CSS背景图像?

楼下是我的代码。我不知道如何来调整图像大小,因为它是在一个代码全线飘红。如何创建新的代码行和使用标签?我不知道该怎么办。有什么问题吗? #...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.