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
-
7
votes1
answer676
viewsHow to make a marble background with CSS?
I was wanting to do a dotted bottom, like a bunch of balls to make the background of a website, Example of what I’m trying to do. You can get to this result with CSS only without needing an image? I…
-
7
votes1
answer1065
viewsIs it possible to use Input Value as the CSS selector?
Look at the examples below. I’m trying to style my CSS through value that he has, but it’s not working. I’ve put together three examples, one for input has the [value="red"] it should stick with a…
-
7
votes2
answers232
viewsAbaloada shape with CSS how to do? How to make a Shape in this kind of aredondado format?
I would like to make an element half round, it is not an ellipse, nor a circle, nor an element with border-radius. It’s a kind of rounded shape as you can see in the image below and I couldn’t do it…
-
7
votes1
answer487
viewsWith CSS is it possible to make a hollow circle in an image?
I wanted to put a "leaked" area on the image, so that the image has an empty area and I can see the background that is behind that image. Example. I managed to get here, but I can’t place the image…
-
7
votes1
answer318
viewsIs it possible to make CSS an infinity symbol with one circle passing through another?
I’m trying to make this way. Notice how one circle seems to pass inside the other... However I am not able to make an element "go through the other" with CSS, is it possible to arrive in this form…
-
7
votes2
answers506
viewsWith making CSS a Carbon Fiber type background? Is it possible to make carbon fiber style background with CSS?
I’d like to create a patter to my background in order to simulate the texture of carbon fiber. Like this image, or something close to it. What I have so far is this... It doesn’t have to be exactly…
-
7
votes3
answers85
views -
6
votes2
answers1505
viewsHow to insert an image into a CSS file?
I use a program here in the company that in its Web module it has its logo inserted directly in CSS something like: #logo img{ max-width:100%; background-image: 'data|base64=acSs....'; } How do I…
-
6
votes2
answers1559
viewsImage distortion with CSS?
I am in a project where the responsible designer gave me the following layout to pass to HTML + CSS: Can anyone tell me if there’s a way to do this with CSS3? I initially thought of a box-shadow,…
-
6
votes2
answers7033
views -
6
votes2
answers1334
viewsHow to automatically scroll to the top when viewing the page footer?
I’m making a site, which has some animations, and when arriving at the bottom of the site for the first time, should trigger an event where the page goes back to the top, but in the following times…
-
6
votes1
answer412
viewsHow to make dynamic animations with CSS3?
I know how to make animations with Transition, Rotate + :Hover or triggering class change with JS. But what if I want a CSS3 animation that when rendered it does more than one move without being…
-
6
votes1
answer1330
viewsScroll DIV content without leaving the DIV
Hello, I have a problem, I would like my DIV of the right corner to follow the content of the left until the content of the left is finished, only if I put position Fixed in the DIV of the right it…
-
6
votes3
answers3850
viewsElements with Css cut corners
I need to make elements with cut corners, like these squares. How can I do ?
-
6
votes2
answers970
viewsInput radio that looks checkbox?
I need to do a quiz, and the alternatives are radio inputs, but it looks like custom checkbox. What’s the best way to do that? .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left >…
-
6
votes1
answer1874
viewsCatch the parent element in Hover
Good Morning! Is it possible to change the parent element by giving Hover to the child? For example, I have the following: nav {border:2px solid red} nav ul li {color:#fff} nav ul li a:hover…
-
6
votes3
answers1165
viewsProblem leaving automatic field width in responsive layout
I have the following situation. I’m working on a responsive layout that features three columns, left sidebar, center and right... It turns out that inside the right sidebar there is a text field and…
-
6
votes2
answers554
viewsHow can I leave half a side of a curved element inside as in the figure with css?
I need to make a menu exactly the same as in the picture, the problem is that I can’t make the bottom curve of the element, preferably I would like to do only with css, but if not, another solution…
-
6
votes3
answers4981
viewsHow to customize input file?
I need to customize a file type input, but all the examples I found seem funny and does not work with Multiple, rs You need to look like that: There is a way to do only with CSS?…
-
6
votes1
answer344
viewsWhy is @import not working properly?
I’m trying to import one CSS into another but it’s not working, the directory structure is like this: css style. css/agoravou.css But the command is not working @import url('css/agoravou.css')…
-
6
votes2
answers853
viewsMake shapes with CSS
I need to make this shape with CSS. But it can’t be with border. Follows the form: It cannot be with edge for the reason that forms using border do not allow me to position texts within them.…
-
6
votes1
answer45
views -
6
votes3
answers170
viewsWhy use layout before loading information?
I see in several web applications that before displaying the content is displayed some blocks looking like an image, the blocks I speak in the image are those of the sidebar. Why use it and how to…
-
6
votes1
answer569
viewsHow to reformulate radio and checkbox UI?
I’m using custom radio and checkbox bootstrap, I realized that some customers had difficulties in assimilating who were checkbox or radios and who should perform the action of selected. Example:…
-
6
votes2
answers248
viewsHow can I make the Blur effect on IE?
I’m using this css code to do the effect blur in a div: .blur { -webkit-filter: blur(25px); -moz-filter: blur(25px); -o-filter: blur(25px); -ms-filter: blur(25px); filter: blur(25px); } <div…
-
6
votes1
answer297
viewsHow to prevent the contents of an element from being copied after Ctrl+A and Ctrl+C?
I have a page and want to allow the copy normally, but I wish specific elements were not copied after using Ctrl+To and Ctrl+C, for example forms, navigation menus and advertising banners. This is…
-
6
votes2
answers10158
viewsHow can I center my form within my div?
I’m trying to centralize my research form in the center of my div but I’m not getting any property in css that does this without needing ganbiarra? here is the development page index.html…
-
6
votes2
answers12979
viewsHow to apply scrollbar only to the tbody element in an HTML table?
How to apply the scrollbar (scrollbar) only in the element tbody, thus leaving the element caption and thead fixed on the table, without moving when the scrollbar moves. Below follows the HTML and…
-
6
votes1
answer105
viewsWhat is currentColor and how do I use it in CSS?
What is the currentColor attribute in CSS? What is this attribute for and how best to use it? I would like some examples to better understand. If the element does not have a color or if the color is…
-
6
votes1
answer292
viewsWhat’s the use of padding Bootstrap’s container?
What’s the point of padding of container of Bootstrap if the row has a margin negative that cancels this padding? If I want my entire page to have one padding so it doesn’t stick to the edge like I…
-
6
votes5
answers964
viewsHow to progress steps using thread chart?
I am developing a screen using the student’s progress, for example, he has 10 activities to complete, and is in activity 2, so this represents 20% of the total activity. I’d like to represent that…
-
6
votes2
answers991
viewsIdeal attribute not to be 'clickable'
Good afternoon. I am making a button that has the function of increasing the quantity of products in the cart. However, when you click it many times, the element is 'colored' as if it were a word or…
-
6
votes1
answer657
viewsWhat is and how does the "clamp" function work in CSS?
Recently I’ve seen some people talk about the function clamp. What is its real usefulness? Is there any relation to other functions, such as max or min?…
-
6
votes3
answers1082
viewsHow to style "broken image" (when image does not load)
How would it be possible to make a CSS style for when the image is not loaded on the page? When you have the link to the image, but for some reason it is not loaded on the page, or if the link or…
-
6
votes3
answers418
viewsIs it possible to create a letter seal element with CSS?
What is the best way or way to build an element similar to a CSS-only Letter Seal? (at the moment I didn’t want to have to use SVG) I’m trying to build this shape with HTML/CSS and the option I have…
-
6
votes1
answer525
viewsHow to place a Video inside a CSS Text? Is it possible to place a Video as a text background?
I saw this effect and I’m trying to put in a project, but I don’t know how to put a Video inside Text, I only got with images... Here I put an image as text background, but how do I put a video like…
-
6
votes1
answer185
viewsIn CSS what is the difference between Pixel Density and Pixel Ratio? How does DPI, DPCM and DPPX work
With the "popularization" of retinal screens, mainly on Apple devices, I have seen some people using media queries with measures like: @media (-webkit-min-device-pixel-ratio: 2) { ... } @media…
-
6
votes1
answer197
viewsWith CSS, is there any way to change the style of Text-Overflow:Ellipsis?
Imagine I have a situation where the text is bigger than the container, then I’ll use text-overflow: ellipsis to place the 3 dots ... showing that the text continues and there inside the container…
-
6
votes1
answer183
viewsHow to make animation with SVG or CSS of a Text walking the way?
I have an SVG that is a Text aligned on a Path. But my intention is to do the text "running" by Path, as a Marqueer. The idea would be something like this image. But what I got was to animate the…
-
6
votes4
answers1051
viewsIs it possible to change Placeholder in Focus with CSS?
Imagine I have one input to the phone number, but that when the user focuses on it I want to change the text of the placeholder, for example of "telephone" for "only numbers". You can do this with…
-
6
votes1
answer1040
viewsMake edge effects in CSS such as chamfer
I need to do some effects on the edges of images and rectangles, as in the image below: Notice that they are in the corners, in the gray rectangle this in the top right, in the images in the base…
-
6
votes1
answer332
viewsHow to make the border thickness responsive to this Brazilian Flag made with CSS?
I’m trying to make a flag of Brazil that is responsive. But I came across a problem with the white banner of the flag. OBS: I won’t put the text on the track! What happens is that the track is…
-
6
votes2
answers1558
viewsMedia CSS queries not working and conflicting
I’m developing the one-page responsive and the documentation says to do the media queries as follows: @media(max-width:767px){} @media(min-width:768px){} @media(max-width:992px){} Uso Bootstrap 3.…
-
6
votes2
answers372
viewsWith CSS to make a color shadow on a text?
I saw this text template and I thought it was pretty cool, so I tried to replicate it and it didn’t work out so well... In fact I even managed to put a gradient that pleases me inside the text, but…
-
5
votes1
answer1706
viewsWorking with SVG files dynamically
I am developing a web page where I use numerous effects in CSS. among one of them I realized that I can not ultilizar the filters in Firefox. Searching the internet I found some solutions that tell…
-
5
votes2
answers399
viewsHow to show value of an attribute in content: of a pseudo-element?
I want to show the value of an attribute as text. <div title="12:56pm"> <span data-measureme="1"> <span>hi</span> </span> </div> Example that doesn’t work in…
-
5
votes4
answers1759
viewsHow do I make all items in a menu equal in size regardless of quantity?
I want to make a menu that always leaves the items with proportional sizes, occupying all the available width and adapting. .top-menu ul { width: 100%; } .top-menu ul li { display: inline;…
-
5
votes2
answers262
viewsHow to use fadein() in addClass()?
I have ten "Id" class elements, minus the first. By clicking a button I remove the next Hide and add the class "show", but when adding it I want to put a fadein effect(). It is possible?
-
5
votes4
answers1363
viewsHow to change an element within a Less file?
@fundo:#fff; //como alterar isso, externamente com javascript @texto:rgb(94, 135, 176); //preciso mudar essa propriedade dinamicamente. .wrapper{ …
-
5
votes1
answer243
viewsHow to make the clip:rect(...) property not occupy space (width)
I wonder if there’s any chance of clip: rect(...) really 'cut' the element in question, not just hiding it. Here in this picture, without the clip: rect(...), shows the edge to exceed the space of…