Most voted "css3" questions
The term CSS3 is used to refer to CSS properties and selectors added after level 2.1 of the specification. Use this tag for questions about new CSS modules.
Learn more…1,944 questions
Sort by count of
-
5
votes1
answer436
viewsProblems with @font-face from the same family
I’m having a problem regarding CSS3 Font module. I got a source with three guys: Bold, normal and Italic and insert them into the CSS with the same name but with the attributes referring to the…
-
5
votes1
answer190
views -
5
votes2
answers21088
viewsHow to make these Divs responsive?
I am creating "informative" to put on the home page of my site and I need a light. I wanted him to stay that way: And when the visitor’s screen resolution was decreasing, the title and description…
-
5
votes2
answers937
viewsHow to animate the layout of Divs and caption, when doing Hover in one of these elements?
I’m creating a website, I’ve been asked to play a prank on the team. According to this image, when :Hover in one of the parts, all the text and image are ordered: I don’t know how to take this boot…
-
5
votes2
answers2845
views@CSS font-face installs the font on the computer or just uses it on the website?
I was told that when I use @font-face on a page and someone accesses it, the operating system downloads and installs the source. It happens that I noticed the following: when creating a file with…
-
5
votes1
answer9688
views -
5
votes1
answer58
viewsmulti column adjust content
I’m taking the results from a survey and displaying in a div using column Count width:800px; -webkit-column-count: 3;-moz-column-count: 3;column-count: 3; but I need the column to be closed at the…
-
5
votes1
answer9979
viewsCreate a "accordion" menu with CSS only?
Menus in style accordion (accordion) are useful for saving space, since you only open the parts with the content you need. Example of style menu accordion. But all of these menus usually use…
-
5
votes2
answers235
viewsColumns in percentage not aligned
I am using on my site 3 columns(sections) each with 33.33% width and with margin-left and right from 10px to 3. Only the last column is falling down. Because they are width in %, they should not fit…
-
5
votes2
answers226
viewsVertical alignment in a div with position:Bsolute
would like to know if it is possible to carry out the vertical-align in a div with Absolute position? Follow the code to analyze: .teste { background: #F00; width: 500px; height: 100px; display:…
-
5
votes4
answers28473
viewsAlign text after image
Hello, I have a problem I don’t know how to solve. This is my situation: But I want it to stay this way: And like I said, I have no idea how to fix. And that’s my code: <div style=" position:…
-
5
votes1
answer508
viewsTilted carousel (diagonal) in jQuery and CSS
I need to make a tilted carousel (diagonally as per image) but with transition between movements. I even prototyped something in this Jsfiddle but the movement is only working on the "back" button,…
-
5
votes2
answers1406
viewsHover on selector :before
I found myself in a situation, I even know how to get around, doing otherwise, but I wonder if it is possible to use :Hover in an element :before, I have the following structure: <a href=""…
-
5
votes2
answers1341
viewsHow to make a menu that has a geometric figure in the center and is responsive?
So, I’m a beginner in Web Design, and I’m having some problems with css on a site that I’m developing. I have to make a fixed menu, which is nothing more than a normal bar, but which has a figure of…
-
5
votes5
answers338
viewsMove background of text
Staff need to place and animate a degrade as background of a font with a written text. I need this gradient to be applied to the source (not behind the text) and to keep moving from left to right…
-
5
votes2
answers3400
viewsHow do I use @Font-face with an arbitrary font?
I wonder how it works @font-face how should I apply it in my code CSS because I want to use a source called Tekton Pro but only use tag font-family:Tekton Pro does not work and would like it to…
-
5
votes3
answers3594
viewsWhat is the difference between display:inline-block and float:left
When testing with alignment of div, both have the same purpose But what would be your difference?
-
5
votes2
answers114
viewsMake a site not run on any version of IE
I have a website that should not run on any version of IE, when trying to open the url I want a background-image that I will mount by saying that my site is not supported on IE. This is possible to…
-
5
votes2
answers3481
viewsImage inside of round div
I have a div block with height and width of 55px and border-Radius: 100%; and I want to put an image inside, but if the image is rectangular and I leave it with border-Radius: 100%; it is oval!…
-
5
votes2
answers694
viewsHow to create a drawing in open book format and with content inside?
I need a drawing of an open book with contents inside, as the image below: ONLY WITH CSS!…
-
5
votes2
answers60
viewsSlides conflicting with each other
I have the following problem I have a slide right at the beginning of my tag page <header> but one of their codes is imported that would be the url put now in my <section> I have one…
-
5
votes3
answers96
viewsDoubt how to use a Less class with RAZOR
I’m doing some research to implement a feature to make life easier when it comes to programming. It is possible to do this? We are using VS2013 with Razor. I have the following class Less:…
-
5
votes1
answer188
viewsHow to keep a rotated text centered on a dynamic height div?
Basically my problem is in color div, and rotated text. I need the color div to have the minimum height relative to the size of the rotated text, and the maximum height to be relative to the…
-
5
votes3
answers341
viewsCSS condition for when you don’t have SRC in the image
I need that when an image does not have the attribute src, css automatically recognizes this and hides that element with display:none Which selector should I use to do this? Example: <img…
-
5
votes1
answer5487
viewsModal occupy full screen
I have the following Modal and I want it to occupy the whole screen / or most of the screen: <div class="modal fade" id="treinamentos" tabindex="-1" role="dialog" aria-labelledby="alterarLabel"…
-
5
votes1
answer1523
viewsEffect of skirting a div’s edge, as if drawing "by hand"
I want to make an edge effect, that in the Hover of a square div, the edge is "drawn", comes out of the top left of the div, fills up to the top right, goes down doing the right side, returns to the…
-
5
votes3
answers11209
viewsCentering using the Absolute position
I don’t understand the following code: div{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100px; height: 100px; background: red; } Online example I know that set…
-
5
votes4
answers8175
viewsWhat is the opposite of the "None display"?
Before I did some research on the properties of "display". I intend to hide some div and used display:None. To show off the div what ownership of display should wear ? (I am working with Javascript)…
-
5
votes2
answers3936
views -
5
votes2
answers33940
viewsHow to hide sidebar and vertical bar with CSS
I would like to hide these two bars (Vertical and Horizontal), I have configured my . css file with the settings below, but they are not working: @charset "UTF-8"; section#conteudo{ width: 1000px;…
-
5
votes2
answers463
viewsHow do I make the href that is inside my div work with Focus?
I have a list that when you click on an item it receives a Focus and appears a div with information. One of this information has a link but when I click on it, my div closes and does not open the…
-
5
votes2
answers1818
viewsHow to adjust a DIV inside another DIV vertically?
I’m having the following problem with CSS.. I sent you an example of what I’m trying to do Example of the Code, click here I would like the <div id="divAreaMenuLateral"> that this in orange…
-
5
votes3
answers1214
viewsHow to style the input type search "clean" icon?
I need a way to stylize the icon at the end of input[type="search"]. The input type search when focusing on the element, it displays one if it has a value filled. Example: I realized that by styling…
-
5
votes3
answers158
viewsCss3 stop after finishing rotation?
I am wearing transform: rotate(90deg) to rotate a div when I put the mouse on top. Once I remove it, it returns to its initial position. There is a way to stop it? I have my code like this .openn{…
-
5
votes1
answer144
viewsExtension to improve Atom productivity
I wonder if anyone knows any tool that provides these functions in the Atom editor or Atom IDE? These functions help me in day-to-day productivity!…
-
5
votes4
answers9132
viewsHow to change the color of a select when selecting an option
I have a select and I’m trying to change the color of it by selecting an option (for example I’m changing the color to red). Using some attributes like hover, focus, active and checked i can even do…
-
5
votes2
answers108
viewsWhat does the syntax "14px/1" mean in font size declaration?
Back and forth when I take a look at some source code of a site, I find a code that I still don’t understand its meaning when the attribute statement font. Example: p { font: Arial 14px/1; } I’d…
css3asked 7 years ago Wallace Maxters 102,340 -
5
votes3
answers10051
viewsHow to change the background of a CSS-only checkbox?
CSS in width and heigth has an effect, because background-color nay? input{ width: 20px; height: 20px; } input:checked{ background-color: blue; width: 25px; height: 25px; } <input…
-
5
votes2
answers240
viewsHow to make a sequence of boxes with the triangular border on the right, on top of the other, box with CSS?
I didn’t know a better title to describe my need, but in fact, I would like to be able to make a sequence of boxes whose right edge was in a triangular shape, superimposed on the subsequent box.…
-
5
votes2
answers64
viewsAbout CSS flexbox: equal values for properties other than CSS
I am studying the language documentations, and it occurred to me the following doubt: Both the property align-content as to property align-items accepts the values: flex-start flex-end stretch And…
-
5
votes4
answers3300
viewsHow to make Youtube embed responsive on the site, when opening want Width appear 100%
I already have several embed on my site but do not want to go there and change 1 by 1. what I want is a code to change all Iframes, with 100% width and height adjust responsively. .conteudo{…
-
5
votes2
answers1483
viewsHow to create a toggle button with input=checkbox without using the <label> element?
Is to create/transform a <input type="checkbox"> on a toggle button without needing the element <label> as in these examples: How to create a toggle on and toggle off button? An example…
-
5
votes2
answers2147
viewsZoom effect with CSS
I have a div with an image in which I applied a zoom effect and a slight rotation! but this image must zoom and rotate within the limits of the DIV without overflowing but hide the parts that exceed…
-
5
votes2
answers6999
viewsLink href to id div
Well I know we can make links by directing the click href for a page id using #. #content1, #content2, #content3, #content4 { height: 50vh; border: 1px solid red; } <a href="#content1">…
-
5
votes1
answer570
viewsHow to leave the background of a text the size of the text and not the paragraph?
How do I make for the background-color of h4 be only the width of the text. I can’t delimit a fixed width because I don’t know the size of the text and I can’t use display:inline-block why need the…
-
5
votes1
answer122
viewsIs there any way to use a "custom-attribute" as the value of a CSS property?
I would like to know if there is a possibility of using a custom-attribute of the kind data-*=" " as value for a CSS style or even use this custom date as a value for a variable in the CSS. To…
-
5
votes1
answer1383
viewsIn HTML how to increase the space between Tds without using cellspacing cellpadding?
My idea is to make a table where it has a spacing between cells, as in the image: But according to the Mozilla documentation for example, it is possible to confirm that the attributes cellspacing=""…
-
5
votes2
answers2346
viewsAlign image next to text while respecting vertical spacing
I’m trying to get the images aligned to the right, respecting the spacing between the tags <p>, but it’s getting like this: I need something like that: My HTML code is as follows:…
-
5
votes2
answers259
viewsThe UL LI losing formatting after I put it on line... Why did the "balls" of my LI disappear?
I have an unordered list <ul><li> I wish it to stay horizontal, not vertical, but when I put it to stay in line with display: inline-block my indicative "balls" are gone! Note that the…
-
5
votes1
answer76
viewsIs there any way to test a CSS animation by Devtools?
I have this simple animation done in CSS, but I’m having difficulties to "debug" your behavior. Every time I have to go in the code, save, and update in the browser. Is there any way to test a…