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
-
1
votes3
answers96
viewsSwitch 3 status done in css, how can I disable the options?
I have the following code: .switch-toggle { float: left; background: #242729; } .switch-toggle input { position: absolute; opacity: 0; } .switch-toggle input + label { padding: 7px; float:left;…
-
1
votes3
answers91
viewsBackground in the tag aside hides all content inside the tag
Hello, in my css and html studies I am creating pages and I came across a following problem that I am a few days trying to understand, I have a tag and inside it I have a background-image that is…
-
1
votes1
answer36
viewsText on button makes line break automatically, taking space for the rest text
Good afternoon, I am building a project where in the upper right corner has a button written "Login" but for some reason this text is breaking line automatically, and there is space for the rest…
-
1
votes2
answers76
viewsGradient Animation CSS
I’m trying to make an animation like this link: https://codepen.io/TheCodeDepository/pen/jKBaoN It turns out, the code below (which I copied line by line) is with some problem that does not allow…
-
1
votes1
answer65
viewsIs it possible to limit the number of items in a dynamic list using CSS only?
Let’s assume that I have a normal auto-complete dynamic list, which has 5 items in the desktop version, and when it is mobile, through media queries I would like it to appear only 3 items, but I…
-
1
votes1
answer540
viewsCustomize radio input
Good afternoon! I am editing an OPENCART store and need to customize the input radio shoe size, doing as follows: .input-option356 { list-style: none; margin: 0; padding: 0; } .input-option356:after…
-
1
votes1
answer181
viewsAnimation of Css link
Animation occurs when I pass the mouse, but when I remove it comes back without animation. They can tell me how to have the same animation effect when removing the mouse? .link { text-decoration:…
-
1
votes0
answers34
viewsHelp in relation to position
I, after a long time researching, took an immense interest in web development and wanted to start building a website myself. I made a layout by photoshop and as my knowledge in HTML5 and CSS3 is…
-
1
votes2
answers34
viewsHow to make buttons have the color defined in css when selecting Row in a datatable
When I select Row from my datatable, the delete button turns white and does not obey the green color I entered in css. When I place the mouse over and the button, the focus disappears and the green…
-
1
votes1
answer98
viewsHow to Pin a DIV to the Bottom of an Element?
have a "Dashboard-box" with 3 Four main children and would like to fix the last div "box-footer" at the bottom of the box, only this div, how do I do? I want to put the Div of the message "Last…
-
1
votes1
answer52
viewsPlace buttons side by side CSS
Good evening, I had a question to put the buttons side by side. I put the inline-block too, but I could not solve. .button { width: 10%; height: 50px; border: 0; cursor: pointer; background:#4169E1;…
-
1
votes1
answer50
viewsHow to block a <a> tag with javascript
I have a Step by Step I need to cancel the ticket to the next page... This is my code : var nome = document.getElementById('nome').value; var resposta = true; if(nome == ''){ var resposta = false; }…
-
1
votes2
answers82
viewsI cannot change font and text size
Hello guys! I’m trying to create a custom overlay in the studio Obs to look the same as in the photo. The part of the balloon underneath I’m managing to do, but I’m having trouble trying to change…
-
1
votes1
answer39
viewsCSS Hover affecting other cards
Hello, I am beginner in the area, I am practicing HTML/CSS and would like your help with this problem. When hovering the mouse inside a card (Hover) I want the same to make an animation, but the…
-
1
votes1
answer22
viewsbackground-size: cover. Is there any way to add a percentage value?
I want to add an Event Hover that slightly increases the size of the image I’m using from the background, but to keep it responsive accurate background-size:cover. follows an excerpt of code made…
-
1
votes1
answer311
viewsButton grouped into a field is going out of bounds and superimposing the field next to it
Greetings to all! I am using a theme called Remark that contains many ready elements. I am using a search box that contains a text field and a field form button. The problem is that the button does…
-
1
votes0
answers33
viewsAlign an image placed as "list-style-image" with the <li> text
I added an image next to the list through "list-style-image" and the result was misaligned (image 1). How can I align this image with the texts of li as well as image 1, that is, in the center of…
-
1
votes2
answers23
viewsEvent that doesn’t work for a particular tag without having to put id on the tags that has to have the event
I’m doing a web programming assignment, a story I have in high school. In this task I have to build a table of a schedule of football games, while doing I decided to increment the task with a…
-
1
votes1
answer56
viewsFlutter: equivalent CSS image-Rendering in Flutter
I have an API that returns pixel art’s, this API returns only images with small size: 25x25, 50x50. Problem As the images are very small it is not possible to display these images at a higher…
-
1
votes1
answer37
viewsMake an element grab the entire screen using Hover
I was making a layout in fig, and I’m passing it to html and css, but I wanted to make an animation. As you can see I have a pink triangle, and I wanted to pass the mouse over it, it zoom in and…
-
0
votes1
answer160
viewsHow to generate columns with SUSY?
I am working for the first time on a project with SASS, COMPASS and SUSY. I wonder if you have any way to generate Suzy columns automatically.
-
0
votes1
answer27
viewsHow do Breakpoints with Susy?
I’m having problems to generate the Breakpoints of a project for Celular (320px). When I put the Breakpoints he reads even in Desktops, but be right on Mobile also. @media (min-width: 320px) { /*…
-
0
votes3
answers20997
views -
0
votes2
answers282
viewsWord selection for phrase formation
To facilitate the explanation, I have separated the following mockup: The idea is this: Each of the options in the DIV is originally not visible, the idea is that an option is visible only after the…
-
0
votes3
answers3942
viewsScroll on page adds "ACTIVE" class to menu
Hello, I’m having trouble getting jquery to add a class active to the menu Fixed at the top. anyone who wants to see the site to better understand follows the link. Site Safira I want the class to…
-
0
votes3
answers1577
viewsEmbed for my website content
I have a site where I have quotes, I already have the html structure with the url in the format, www.site.com.br/embed/uiJh however, if I provide the code with this url in an iframe, I have to…
-
0
votes1
answer1028
viewsapplying charset in E-mail Marketing
I recently read that the ideal for building an Email Marketing is not to use: DOCTYPE HTML tag BODY tag meta tags Head tag base link tag tag Script tag title applet tag tag Frameset tag frame tag…
-
0
votes1
answer124
viewsHow to make "custom" background for a word? (how the image shows)
How to do this kind of background effect, as shown in the image below? If possible using CSS. I want it to look like the image. I did it with the text-shadow (http://jsfiddle.net/9N94B/) but it…
-
0
votes1
answer31
viewsCallback for CSS3 Transitions
Is there any javascript or jQuery callback function for transitions in css3 objects?
-
0
votes1
answer1470
viewsCentralize components of a datatable that is in data editing in Primefaces
How can I center the components of this datatable. When I click to edit the data of the same I realize that the components of data entry are not centralized, but when using a certain tests with css…
-
0
votes2
answers253
viewsScroll accompanies mouse with datagrid
I’m new in the development industry, and I have a problem that for me is complicated to solve, I have a grid that contains data in SQL and I have to use a scroll (scroll bar) when passing the mouse…
-
0
votes1
answer1865
viewsHow to create a dynamic form in php
I am creating a dynamic form that should work according to what is selected in the select. I don’t know what it is, but the variable type_info should receive the value of the cod_type_info and if it…
-
0
votes5
answers22327
viewsSimple Rotary Banner
Guys, I want to make a very simple rotary banner, with only the arrows on the sides and an image that changes all at once clicked, but I would like to use as little as possible of Jquery or…
-
0
votes2
answers304
viewsHow to access specific <ul> items with :Nth-Child()?
How can I access items from 2 to 2 in my list using the :Nth-Child() parameter or if it gets easier, access and customize even items?
-
0
votes2
answers8189
viewsResponsive logo that works on all browsers using CSS3 and Bootstrap
I want when I minimize the window the logo of my site to follow without distorting, as when testing a site on mobile phone or tablet, or whatever the image is responsive to content, but this only…
-
0
votes1
answer290
viewsMedia Queries works on smartphones but not in resolution for tablet
I am creating a page with responsive layout, in relation to smartphones works normally, when increasing to tablet gives no result. Why? @media(max-width:480px){ div#formulario{ width: 250px;…
-
0
votes1
answer57
viewsResolution 176px not compatible with Media Queries
I’m using these examples of media queries below,more when testing the resolution in cell phones 176 pixels has no effect whatsoever, which are the right properties for this? @media screen and…
-
0
votes2
answers306
viewsDo not select, dynamically, always the last li in the hierarchy
Note the HTML and CSS below. This is the initial CSS ul ul li:nth-last-of-type(2){ background: #ff0000; } <ul> <li>bla <ul> <li>bla bla <ul> <li>bla bla…
-
0
votes0
answers38
viewsAlternative to CSS3 Shapes compatible
I’m having trouble putting together a part of the layout of a project I’m working on at the moment. The text should be contained within a Poligono. For better visualization of what I am trying to…
-
0
votes1
answer259
viewsRepeat div with foreach?
I have a list of registered users displays the most important data such as name and email. I created a div to display this data. However, I do not want to display everything in the same div, I would…
-
0
votes3
answers2063
viewsProblem with Div scrolling when running Zoom
Dear friends, I’m putting together the standard layout for some pages I’m developing, but I’m still a beginner in html and css pages. In my code, the footer tag moves from the main div when I zoom…
-
0
votes1
answer146
viewsBrowser screen size content
On many portfolio sites, we can see sections (usually with images) that take up the exact space of the user’s browser, such as this site here. I searched but did not find anywhere how to accomplish…
-
0
votes1
answer2151
viewsUsing Animate.css with Hover
DESCRIPTION: I’m willing to use the Animate.css in my project, but I’m a little lost, I don’t know anything about jQuerry. PROBLEM: I did the step as it says on Github but it doesn’t work, I know…
-
0
votes1
answer74
viewsText size in div
I have a text inside a div and it does not go to the end of it and I would like that to happen, the text is the one that is positioned to the right of the page next to the larger image. I created a…
-
0
votes1
answer331
viewsCSS, firefox does not recognize Bree Serif font
I use google sources, however I got the surprise today when I went to test my files in firefox and realized that the source was not loaded. See http://jsfiddle.net/xrckh1db/ @font-face {…
-
0
votes2
answers226
viewsCustom HTML font inside IE10?
When testing on Chrome, Firefox and Safari, they all ran fluidly with the source on my site, but when I tested on IE9 it didn’t recognize the source I imported, what’s the problem? I imported the…
-
0
votes1
answer68
viewsFormatting for mobile devices
I can use @media screen and (orientation:portrait) {} so that my code only works on mobile devices ? 'Cause I think cell phones and smartphones are the only ones who possess $(window).height()…
-
0
votes0
answers123
viewsInterfaith between CSS3 Transition and Jquery
I’m programming a one-page hash-browsing website using the tools available for CSS3 animation combining Transition and Transform. Using Less the code of the mixins looks something like this:…
-
0
votes1
answer81
viewsChange Carousel caption on iphone
I have a website developed with Bootstrap that has a Carrousel <div class="carousel-inner">. I want on the iPhone, the caption <div class="carousel-caption"> decrease so that the image…
-
0
votes1
answer298
viewsScroll per section with side Gui
I would like to apply the following effect on a project, when the user uses the scroll, either up or down the scroll is made straight to the section below, needing a scroll roll and it goes to the…