第三版层叠样式表样式语言(通常缩写为CSS3)汇集了强大的视觉功能和多种设计操作技术。
我已经找到了这个漂亮的圆形菜单,我正在努力适应自己的需求。我只需要菜单中的四个项目,它们的“宽度”(水平空间)应该增加。我把...
这是我的CSS。 CSS#hexagon-circle {宽度:100px;高度:55px;背景:红色;职位:相对border-radius:10px;}#hexagon-circle:之前{content:“”; ...
我试图翻转图像,然后使用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); }
我无法在Firefox中滚动网站。它仅能与其他浏览器(例如Chrome,Safari和Internet Explorer)配合使用。有人知道如何解决此问题吗?此问题是由错误引起的吗?
我有两个字体文件,例如:FONT-light和FONT-bold。两者都来自@ font-face工具包,因此每个版本都包含5个字体文件(OGV,TTF,WOFF,EOT)。从精简版转到粗体版I ...
我正在尝试在一个圆圈内创建fontawesome图标,并且我使用了边框CSS来实现。但是,对于不同的字体图标,边框不是圆形的,它会更改它的形状,以用于...
悬停webkit-scrollbar-thumb时更改webkit-scrollbar-track-piece的颜色吗?
我有以下CSS规则:::-webkit-scrollbar-thumb:vertical:hover {background-color:#666; }我还想在悬停webkit-scrollbar-thumb时装饰webkit-scrollbar-track-piece。 ...
[查看我的小提琴代码:http://jsfiddle.net/hassaan39/0kourse6/ * {边距:0像素;填充:0px;框大小:border-box; } .pin_head {背景:#eee; } .pin_head:{... ...>之后>
将Javascript变量发送到.css({transform:translate(var,var)})
我想通过transform属性将div的136px右移,所以我写道:`$(“。the_div”)。css({“ transform”:“ translate(136px,0px)”})); the_div类包含.the_div {transition-duration:2s; } ...
我的工作以创建CSS动画有一样的效果冲击波在本设计中看出:我现在尝试创建一个冲击波,但问题是圆的内部填充,并没有...
由于在图像下面我有全高的背景图像。问题是里面在另一个网格,网格和它不能伸出。在这里,你可以检查我会重新创建网格布局。通过我不能使用...
我想我的中心导航栏菜单,但我不希望我的标志导航栏品牌太多移动,但我也试图与文本的中心,但它似乎没有什么工作。我更新的代码,并移除.. 。
所以,我想我的居中段落在页面的中间,同时创造一些左,右页边距“空的空间”。我的目标是把它放在像样式文本框,并让它在页面的中心...
我正在构建一个跳棋游戏,我所有的方块都是HTML div,其id属性描述了它们的位置(例如'8a','7b'等)。我想遍历JS中的board对象,得到...
我使用的CSS-技巧中发现的代码来获取当前旋转变换(在CSS)用JavaScript。 JavaScript函数:函数getCurrentRotation(ELID){VAR EL =的document.getElementById(...
我使用的语义UI反应,theirTextarea具有为您创建的新线是自动扩展文本区autoHeight属性。这个停止工作,如果多行文本由Grid.Column里面包裹...
楼下是我的代码。我不知道如何来调整图像大小,因为它是在一个代码全线飘红。如何创建新的代码行和使用标签?我不知道该怎么办。有什么问题吗? #...