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
-
3
votes1
answer65
viewsWhat’s the best way to get responsiveness from @Media
I was reading/researching how to apply responsiveness to websites for any type of platform and found this post done right here on Stack @Media That made me open some doubts: Is the content of the…
-
3
votes2
answers983
viewsLimit R$ value in field input with HTML5 and CSS3 with Javascript
I need to limit the value in R$ input field of a form. The form is like this: <div class="container"> <form> <div class="form-group"> <label for="dinheiro"><b>Desejo…
-
3
votes1
answer855
viewsHTML5, use <input> on a <select> to type one of the <option>
all good? Next, I have a select inside an html, see: <select> <option selected="selected" value>...</option> <option>opção 1</option> <option>opção…
-
3
votes3
answers2323
viewsHow to do with CSS a checkered checkerboard background for Body?
I’d like to put in the <body> a checkered background, like a chessboard covering the whole body. I tried with repeating-linear-gradient(), but I couldn’t... html, body { width: 100%; height:…
-
3
votes2
answers71
viewsHow to style links and images that are referenced in HTTP and not in HTTPS?
I have several pages with several images and several links. However I am migrating from the protocol HTTP to the HTTPS. I would like all images and links that are indexed or linked via HTTP to…
-
3
votes4
answers355
viewsEdge at intersection between 2 elements - CSS
I am creating the following menu: but I’m not getting to create this edge: How can I create it with CSS? .m{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #aaa; } .a{…
-
3
votes1
answer336
views -
3
votes3
answers582
viewsTriangular div with CSS3
I’m trying to create a triangular div effect to stay below a normal div as in the image below.. The problem is I’m not getting the values of border-left: and border-right: dynamically to fit into…
css3asked 6 years, 1 month ago Bruno Folle 729 -
3
votes1
answer223
viewsCSS Border problem and list element placement
I am making a TAB component in HTML + CSS, and I have a question regarding css, the code I have is as follows: @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700"); .tabs {…
-
3
votes3
answers166
viewsDisable tab showing all results
I’m having problems with this code, because I want to register the case, however I want to remove the tab where all appear, want part of each selected! The first tab, is to show all (I want to…
-
3
votes1
answer69
viewsPrevent the Element Edge from growing when using Transform:Scale
It’s a very simple question, but I couldn’t find an answer... I have an element that has a borda of 1px. But when I make one :hover on it I apply a transform:scale() but the width of borda him tb…
-
3
votes1
answer99
viewsSimilar shadow effect on gmail login screen
How to do for the same shadow effect when clicking on the show/hide equal password button has on the screen login google. Already tried to do with the pseudo-element :before using :phocus but I was…
-
3
votes1
answer648
viewsIn Flexbox why does Justify-self not work on the children of a parent with display:flex?
I have a question about flexbox and individual child alignments. I wonder why the justify-self does not work when applied on the child of a parent with flex, however the align-self works normally...…
-
3
votes1
answer113
viewsDoes my Select custom with Fontawesome not open when you click the arrow?
I made that select customized using FontAwesome, but it doesn’t open when you click on the arrow. Follows code referring to image above: .x { width: 50%; background-color: #fefefe; border-radius:…
-
3
votes3
answers2246
viewsHow to disable a link semantically while maintaining accessibility?
I noticed some elements like select, input and button has the attribute disable, but the element of link <a> does not seem to recognize this attribute and is not disabled. Is there any way to…
-
3
votes1
answer58
viewsRotate spans in the LI
I have the code down that works normally. But it contains a flaw. If you’ll notice, the first and the third div’s are without class. Does that mean that don’t want rotate your spans. But, not…
-
3
votes1
answer1038
viewsHow to insert this "burger" menu into my already made retractable menu
I’m having trouble inserting an animated hamburger side menu on my already ready site. I have the base of a site with a fixed header and a retractable menu that opens laterally, and the icon to open…
-
3
votes1
answer98
viewsCarousel change only after gif is finished
I’m sorry if I already have that topic, and I looked and I found nothing. I have the code below where I need Carousel to only switch to the next one when the gif is finished. Following image1 after…
-
3
votes2
answers851
viewsKeep changing font color with CSS only
I have this link that shows/hides the menu of the site, I want to draw the attention of the users for it changing the color of the font, it is possible to do only with CSS? setInterval(function(){…
-
3
votes1
answer1548
viewsHow do I place Text inside a Shape made with CSS? Is it possible to place text inside a circle?
I know CSS evolves slowly, but I’ve seen a lot of new things out there, especially with the more modern browsers that accept very new properties. My question is whether there is already any way to…
-
3
votes1
answer447
viewsMenu using Css Grid
I’m starting my studies with CSS Grid and to train I’m trying to make a simple menu, the structure of my grid has 4 columns for 4 lines, as defined in the code. I am trying to make the menu using a…
-
3
votes1
answer282
viewsHow to leave bootstrap columns under each other’s collars
<style> #a1 { background-color:#05466f; height:120px; } #a2 { } #a3 { height:303px; background-color:red; margin-top:57px; } #a4 { width:100%; height:51px; background-color:pink;…
-
3
votes1
answer164
viewsHow to center one div under another, exceeding the limit of the first?
Hello, I’m learning about CSS3 and I’m trying to center one div underneath the other so it’s more or less like this: Yet mine has remained so: I tried using margin-bottom: -150px It didn’t work. And…
-
3
votes1
answer122
viewsHow to avoid distortion of pixels in HTML elements in various screen/screen settings?
I noticed in a simple situation that elements with pixel are not always rendered as you imagine, a simple example is when one adjusts the browser zoom to more or less than 100%, making it appear…
-
3
votes3
answers986
views -
3
votes2
answers59
viewsWith CSS is there any way to put opacity in the currentColor?
I’m trying to do the box-shadow inherit the shade color in a "dynamic" way, taking the color set in the color through the currentColor. So far so good, only the color is "solid", I’m not being able…
-
3
votes1
answer44
viewsWhat is the CSS selector to change a particular parent class only if it has a certain daughter class
I have the following structure in HTML: <div class="panel"> ... </div> <div class="panel"> <div class="controls"> ... </div> </div> The class panel has some…
-
2
votes3
answers1254
viewsEffect on jQuery
How to make an effect in jQuery, that when using SCROLL the Divs and the elements appear in fadein, as in this site: http://www.neotokio.it/…
-
2
votes1
answer5368
viewsHow to make the table header repeat on all pages
I’m trying to print using CSS and I have a table with thead and tfoot, I’m trying to do with this print on all pages the table header, but the result is the same, it shows only on the first page and…
-
2
votes3
answers4213
viewsBootstrap dropdown menu does not work on Asp.net website
I have a page index.html that the dropdown menu feature works normally, but when I migrated to Asp.net stopped working. I’m using a page Default.aspx who inherits from the masterpage.master. <div…
-
2
votes1
answer474
viewsMedia queries for Internet Explorer 8 and 9
How to make IE 8 and 9 read Media Query conditions? I’ve read some Ocs but found nothing enlightening. The query is being made in the HTML example and I would not like to apply only in a single CSS.…
-
2
votes1
answer67
viewsBackground panning after keydown effect
Something is wrong with the method I’m using to recreate the Jsfiddle effect http://jsfiddle.net/LeoTheTitan/9Ttk5/ I want the background to move 10 pixels towards the keydown, and to continue to…
-
2
votes1
answer165
viewsSet Sublime Text custom block 3
I would like to create a custom block, almost as the comment creates. The small difference is that it will be adapted to my need, example: It has a standard CSS code, it automatically when I create…
-
2
votes4
answers864
viewsHow to set Background-image with SVG hosted elsewhere
I’m making a website that needs to pick up a svg from another site (www.teste.com.br/image.svg) and set it as the background. But I’m not getting it. go on like I’m doing: <html> <head>…
-
2
votes2
answers121
viewsAdapt boxes to mobile layout
Hello, I have a layout that resembles this I use Bootstrap on it.. When hitting a particular breakpoint it gets a format similar to this one I want to do the following effect, when the layout…
-
2
votes1
answer176
viewsMasking for date field
Who ever used the type="date" HTML5 certainly noted that although the date is visible in the DD/MM/YYYY, when you retrieve the value by Javascript, it is in the format YYYY-MM-DD. What I want is…
-
2
votes1
answer640
viewsIs it possible to pick the color of a pixel on a gradient element?
Imagine I have an element div with the following CSS: .minha-div{ width:100px;height:100px; background:linear-grandient(45deg, orange, red); } It’s possible that when I hover over that div, it tells…
-
2
votes1
answer138
viewsRemove magnifying glass from search in Webkit
how to remove this blue magnifying glass that appears in OPERA and Chrome browsers ? I’ve tried to -webkit-appearance: none but nothing happens. .search input[type="search"] { width: 170px; height:…
-
2
votes2
answers83
viewsRotate CSS3 and Tables
I am using tabular data in a table and some information with 90 degrees (standing) in the cells. However css does not behave as expected and leaves large spaces as if the text is normal…
-
2
votes1
answer1581
viewsAlign a `<span>` in the vertical center of a `<li>` without changing the rest of the text
I have an unordered list that needs to stay the same format, because it is a side menu mounted dynamically. Something like this: <ul> <li> <a> Link 1 <span> Algum texto…
-
2
votes2
answers38
viewsCan I have different Transitions on the same tag?
Hello folks would like to know if I can have more than one Transition on the same tag? Why do I implement Transitions for the properties but it doesn’t work? *Or this is because I haven’t set the…
-
2
votes1
answer116
viewsHow to inactivate the empty area of a div?
I have a div on add mouse events but wanted the mouse hit only to work where content existed and ignore the po ex margins. Follow the image( the yellow area is the area I want to 'inactivate' since…
-
2
votes1
answer45
viewsFix for Nth-Child(n)
Is there any fix for the :nth-child(n) CSS3? to run on IE8? Because, I have a CSS file that I used this selector, it does not only run on IE8
-
2
votes1
answer777
viewsHow to leave a fullscreen div with CSS3 and scrollTo with jQuery
I’m trying to create a responsive website with Twitter Bootstrap and would like to know how I could leave the div so that they stay fullscreen, that is, that it occupies the entire screen and that…
-
2
votes3
answers7373
viewsHow to Rotate an Image in the Background?
How I’m sending in Image in sequence: I want to make this globe do a rotation, it’s a perfect circle representing a world globe. After figuring out how to rotate the background with CSS or not. I…
-
2
votes2
answers3622
viewsMultiple Divs with Same Responsive Height
I have four five Ivs, one of which is a container for the other four. Structure: <div id="divPai" style="width:100%"> <div id="divInfUser" style="width:25%; height: 30%; background-color:…
-
2
votes1
answer129
viewsHow to use top in image style with relative width?
I have the following code: <!DOCTYPE html> <html> <head> <style> img {position: absolute; height: auto; } </style> </head> <body> <div style="width:…
-
2
votes1
answer466
viewsCSS Toggle Switch with <select>
I need to transition from this script to use with <select>. See well the script working is like this http://callmenick.com/tutorial-demos/css-toggle-switch/ My selects (over 88) are ONLY in…
-
2
votes2
answers392
viewsReduce image and center
I have an image that I bring from the database and put an IMG tag in the size of 960px by 480px. I need to resize it to 470x160. I need it to be resized by the length and the leftover height to be…
-
2
votes2
answers207
views