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
-
2
votes0
answers283
views -
2
votes1
answer876
viewsWhy use container inside navbar’s in Bootstrap?
I was learning how to use Bootstrap’s Navbar, and I had a question. All the examples I found of using the navbar, have right after the same a container. It is more or less like this: <div…
-
2
votes2
answers77
viewsHow do I set only one font-size on the font so that it decreases according to the size of the device?
Doubt quick personal, how do I set just one font-size font so that it decreases according to device size? I am currently inserting a different font-size size for each @media query, there is a…
-
2
votes1
answer1312
viewsHow to use Animate.css + wow,js
Guys, I’m using Animate.css. (https://daneden.github.io/animate.css/), and more specifically fadeInDown to show an element when scrolling the website page. However, the effect is loaded next to the…
-
2
votes1
answer77
viewsMenu with CSS3 and Javascript
I want to make a menu to some extent simple with CSS3 and Javascript. My menu needs to have a "hamburger" and when you click you need to turn an "X". When you click on a link it also needs to close…
-
2
votes1
answer4141
viewsCSS font-Smoothing: antialiasied makes no difference?
It is possible in the late Fireworks cs6 (and by what I read in photoshop as well) to optimize font rendering. Searching to see was possible to apply this in the web pages vi that there are…
-
2
votes2
answers971
viewsAdd HTML TAG with CSS content
You can add an HTML TAG via CSS content? #teste{ content: "<p>tag HTML inserida via CSS</p>"; } <div id="teste"></teste>…
-
2
votes2
answers179
viewsCSS3 Responsive Menu Dropdown are not working!
Well, I want to use this menu here http://codepen.io/emredenx/pen/ojcxl It does not work on blogger http://menuteste158.blogspot.com.br/ and I tried in several different templates too. I downloaded…
-
2
votes3
answers303
viewsBorder Radius does not work within a CSS class
I’m trying to round the edges of a navigation bar through a class and it doesn’t work. https://jsfiddle.net/oqkt1z9f/ I marked an element <ul> with class navbar, I removed the padding, the…
-
2
votes1
answer401
viewsProblems converting px to Percentage
I have this code : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div…
-
2
votes1
answer226
viewsWhere can I use the -Webkit-Details-Marker?
Wanted to remove the default arrow from the tag details/summary in HTML and found this solution to use the -webkit-details-marker. I wanted to know what she really does, because I didn’t find any…
-
2
votes1
answer54
viewspass from Jquery to CSS3
Some way to do this in CSS3? if(window.innerWidth <= 1000) { var ecra = window.innerWidth; $(".topo").css("height",ecra*0.293); } I tried to @media screen and (min-width: 0px) and…
-
2
votes1
answer352
viewsOverlaid graphics
I need to make a chart like this But I haven’t found anything that can help me. Does anyone have any solution to this?…
-
2
votes1
answer189
viewsBest way to develop a flexbox grid?
I have doubts with the display:flex, thinking of a grid system as would be the container, row and the column. For example the container would have the property display:flex? And how to organize the…
-
2
votes0
answers35
viewsWhat is the difference between :before to ::before
I saw in the css3 documentation that the new syntax is ::before, but I’ve always used :before, is there a difference? Which to use?
css3asked 7 years, 12 months ago Lennon S. Bueno 2,182 -
2
votes1
answer61
viewsanimation in image
My goal is this excitement here: http://www.pullabulla.com.br/ The terrain accompanying the mouse... What I’ve done so far? css #box, body { overflow: hidden; } #box { position: relative; } #img{…
-
2
votes1
answer43
viewsHow to create a textarea autorisize with js?
I need to create a text field that grows with what the user writes, but has to be with pure Javascript, without jquery or something like.
-
2
votes1
answer166
viewsProblems with spaces between li’s
Good Morning! See the figure below. I have the following css ul.listaTopo, ul.listaRegistros { clear:both; } ul.listaTopo { background-color:#000; color:#FFF; } ul.listaTopo li, ul.listaRegistros li…
-
2
votes4
answers5940
viewsHow to make an image increase without losing quality with CSS?
I want to create like a photo gallery, but here’s the thing, inside a <div> there are several photos that, even if not of the same size, will be shown of the same size (and a smaller size so…
-
2
votes2
answers3738
viewsHow to make one element stay on top of another with :after?
Using the pseudoelement :after, I created an image caption. How can I make the caption on top of the image and not on the bottom? .estrutura{ width:10%; height:30%; } .estrutura:after{ position:…
-
2
votes2
answers19178
viewsHow to use available fonts from Google Fonts in HTML?
Greeting to all, I am new as Frond-End programmer and am learning to put the available fonts from Google Fonts in my HTML Click Here As you can see I put the link and the CSS settings and did not…
-
2
votes1
answer52
viewsBackground-color without following max-width
I have stipulated a margin of at most 1500px, max-width: 1500px, for my site, but the behavior of the background-color follows up to this margin, is not wrong, quite the contrary, however I wanted…
-
2
votes1
answer643
viewsProblems with SECTION and ASIDE (HTML5)
I spent some time here with problems in the background-image and today I’m here again with problems in these two semantics... Whenever I minimize the window or inspect my code, the content in ASIDE…
-
2
votes2
answers72
viewsSelector in CSS differences
What’s the difference between: .figure-box>figure>img{ width: 440px; position: relative; } To: .figure-box figure img{ max-width: 100%; position: relative; transition: transform 0.6s; }…
-
2
votes1
answer6259
viewsPure JS Full Countdown Timer - Troublesome Countdown
People, I am creating a countdown timer accompanied by the buttons (start, pause, reset, restart and save time) and the initial time is set in an input as well. I searched several times in various…
-
2
votes3
answers398
viewsDeclare Css for multiple identifiers
I have some Divs where your CSS are equal, but your identifiers are different due to Jquery. I need to simplify the repeating CSS. It’s possible? See that they’re all the same. <style>…
-
2
votes2
answers2828
viewsChange input value source Submit and reset
Is there any way to change the value font-family of the Submit input and reset, just like I did with the placeholder using ::-webkit-input-placeholder And there’s a way someone from you can help me…
-
2
votes3
answers956
viewsHow to make the background of a div be dotted?
How to make the background of an element div is dotted without using image?…
-
2
votes1
answer292
views -
2
votes3
answers13362
viewsCarousel Bootstrap: Change Size
I’m trying to add my images, which have 700 x 400 dimensions, to the bootstrap Carousel. And I wanted Carousel to have exactly those dimensions, too. However, when I try to do this, the image…
-
2
votes3
answers1296
viewsjquery to click and make appear/disappear different Ivs
I need to make sure that when clicking on the menu item, a div linked to this item appears on the screen, if I click on another menu item, the previous div disappears and the new div appears... in…
-
2
votes1
answer168
viewsHow to take the events of a drag and move to php variables
I have this project below. In it I have a list of images where I can drag and bury as I need. So far it’s working properly the way I need it. I need to consider the position of the images as an…
-
2
votes2
answers303
viewsHow to make a page with full blocks using bootstrap?
I need to do something with the image, using bootstrap. Has anyone ever been through it? Have any idea how to do it?…
-
2
votes1
answer439
viewsFlexbox: Is it possible to force 100% wide on a daughter div with space-between on the father?
I have the following problem, I have a div parent encompassing three elements, and she has css: .pai{ display:flex; justify-content:space-between; width:400px; } But I wanted the first daughter to…
-
2
votes0
answers29
viewsDoes Important CSS weigh the site?
I would like to know this... Put put I have a project here that is being needed to use, (really necessary.). Someone would have some answer for that: Making it clearer, I would like to know if the…
-
2
votes3
answers3219
viewsHow to align image next to image
I’m trying to put one image next to another, but: I want you to stand next to the gray image, like this: html: <div class="ads01"> <img src="img/160x600.png"/> </div> Css: #ads01{…
-
2
votes2
answers3819
viewsHow to create "Banner" with css?
I’d like to produce a Banner similar to the photo using css. I tried using characters UTF-8 and the result was almost perfect, but I would like to do with css to avoid some problems of…
-
2
votes2
answers1689
viewsChange the color of a word in a still-editing textarea
How do I make sure that every time the browser finds a "reserved word" in textarea, it automatically changes her color. I want to know to make a syntax highlight.
-
2
votes2
answers1121
viewsWhy in the textarea with height defined the text is not centered vertically?
I have the following doubt, whether in a input text I define the height of 60px the text is centered in the field, but this does not occur in the textarea if I set a height of 60px also. I looked…
-
2
votes2
answers460
viewsUse 2 different frameworks in the same CSS?
I started my internship today and the first task I received was to find out if it is possible to use two files in a minified CSS. About minificar I’ve already learned using node and gulp, I’ll use…
-
2
votes1
answer242
viewsCSS alignment Cell table
I have a <table> where the content of <td> are random numbers, I need the numbers to occupy 100% of the cell, however much I put the size 100%, with padding and margin zero, there’s…
-
2
votes1
answer129
viewsClass selector in CSS
I’m having trouble referencing a <div>, which is in my index.html file, through my . css file. I have the following structure in my index.html file: <!-- Content --> <div…
-
2
votes2
answers338
viewsBackground does not work
I’m trying to apply the CSS below on a div to use a background, but it doesn’t appear at all. HTML <div class="row background-1"> <div class="col col-2"> Lorem ipsum dolor sit amet,…
-
2
votes3
answers670
viewsApply style in child element according to parent element in SASS With declaration in child
Hello, I am building a SASS style structure that changes will depend on a class set in my body. This class dictates which browser the user is using, example: <body class="chrome"> <!--…
-
2
votes1
answer1500
viewsHow to insert specific fonts into the CSS?
My client passed specific fonts to a website. These are in TTF format. I’m used to using Google fonts and there’s no fonts there. How can I use these fonts in my CSS or HTML?…
-
2
votes1
answer56
viewsHide a question when selecting another in jQuery
Good morning, I am finalizing a website here for company where I work, and there is only one detail to complete it, but as my knowledge in javascript is a little limited, I would like a little…
-
2
votes1
answer763
viewsI need to leave the top of a table fixed, while the table has a scroll
I have a dynamic table, and I wanted head of it stayed fixed in hers while I give scroll in the table, when reaching the end of the table, the head "goes away" and so I go to the next table. All…
-
2
votes3
answers918
viewsHow do I make the OPTIONS list of a SELECT transparent?
My form has the inputs with the placeholderin white and background transparent, to make everything uniform I need to put the select field in the same style; background transparent and font in white,…
-
2
votes1
answer688
viewsInsert item titles on the side
I’m trying to make a Carousel using the framework bootstrap, but I’m having a hard time inserting the titles of the Carousel items on the side and inserting a border on top as in the image below.…
-
2
votes1
answer618
viewsChanging CSS with Javascript for required field
I got into W3 Schools and got an example code for a multi step form. In "default" mode it did not move to the next step until all fields were filled. Turns out I only need some fields to be not…