Keywords / Programming languages

Tags: Programming languages

How to create a styled drop-down list using CSS3

How to create a styled drop-down list using CSS3
The major problem of ordinary drop-down lists (select tags) in HTML is their inability to be styled with CSS styles. This article demonstrates a drop-down list which is made of HTML elements such as label, div and input which, in turn, can be easily styled with CSS.

Animated image with spreading curtain effect and appearing title using only CSS3

Animated image with spreading curtain effect and appearing title using only CSS3
Animation used in the following article can be applied to images in blocks where blocks are presented as a list of articles/posts/news on websites with this specific design.

Animated image with zoom effect and appearing title using only CSS3

Animated image with zoom effect and appearing title using only CSS3
Nowadays, there are more and more websites which display articles/posts/news as square boxes in several columns where each square has a main image and the title of the article/post/news. The following article contains an example of a simple animation for the main image which can make such squares look more attractive.

How to create flashing/glowing button using animation in CSS3

How to create flashing/glowing button using animation in CSS3
This article shows how to create a button with flashing/glowing effect using animation in CSS3 without JavaScript.

Animated 3D button using only CSS3

Animated 3D button using only CSS3
The present article demonstrates an example of a button which is represented as 3D object with simple animation using only CSS3.

How to make a simple gradient using box-shadow CSS property

How to make a simple gradient using box-shadow CSS property
This article demonstrates that box-shadow CSS property can be used not only to create shadows around an element, but also to create a gradient inside an element as background.

Simple content accordion using only CSS3

Simple content accordion using only CSS3
The following article shows how to create a simple content accordion without JavaScript using only CSS3.

How to draw a heart using only CSS

How to draw a heart using only CSS
The present article is intended for demonstration purposes and shows how to simply draw a heart using only CSS.

Social media icons with animated tooltips using only CSS3

Social media icons with animated tooltips using only CSS3
This article explains how create social media icons with animated tooltips without JavaScript using only CSS3.

How to draw stars using only CSS

How to draw stars using only CSS
The current article is more for demonstration purposes. It shows how to draw six-pointed and five-pointed stars using only CSS.

Not affected tags

HTML & CSS+137 Textile+81 Markup languages+58 Scripting languages+44 CSS3+36 PHP+24 JavaScript+23 Animation+16 HTML5+16 Image+16 Form+15 jQuery+14 Responsive web design+9 Link+8 Table+7 Text+7 Button+5 Icon+5 @keyframes+4 Image slider+4 Internet Explorer+4 List+4 Social media+4 3D+3 Alignment+3 Background+3 Beginner+3 Checkbox+3 Class+3 Color+3 Drawing+3 jQuery UI+3 margin+3 Menu+3 Object+3 Bookmarks+2 Bootstrap+2 border-radius+2 class+2 CLI+2 Date+2 Development methodology+2 Dialog+2 Drop-down list+2 Element+2 Email+2 Fancybox+2 Font+2 Framework+2 Gallery+2 Objective-C+2 padding+2 Programming+2 Radio button+2 Selector+2 Size+2 strtotime+2 Tag+2 text-shadow+2 this+2 Tooltip+2 unset+2 Variable+2 Widget+2 YouTube+2 @font-face+1 abbr+1 Accordion+1 Adaptive web design+1 Adobe+1 AJAX+1 Alternative text+1 Apple+1 Array+1 ASP.NET+1 audio+1 Audio player+1 block+1 Block+1 Border+1 border+1 box-shadow+1 Bulleted list+1 calc+1 Calendar+1 Canvas+1 Career+1 Cell+1 Character encoding+1 Chart+1 Circle+1 clearInterval+1 Clock+1 Code+1 Comparison+1 Component+1 Constant+1 Constructor+1 Counter+1 Cursors+1 D3.js+1 Datepicker+1 DateTime+1 define+1 Design+1 Destructor+1 Diamond+1 display+1 DOCTYPE+1 Effect+1 Effects+1 Email address+1 Event+1 Expression+1 Favicon+1 Favorites+1 File structure+1 File upload+1 file_get_contents+1 file_put_contents+1 Filter+1 Flash+1 float+1 Formatting+1 GET request+1 Gradient+1 Graphics format+1 Grid+1 Hack+1 hasLayout+1 Header+1 Heart+1 Height+1 hgroup+1 Hidden field+1 HTML+1 HTML document+1 id+1 indexOf+1 Initialization+1 inline+1 Insert+1 Java+1 Kanban+1 link+1 Links+1 Lists+1 Loader+1 mail.add_x_header+1 Map+1 mark+1 Media query+1 memory_limit+1 Meta tag+1 mysql_real_escape_string+1 Nested list+1 new+1 Numbered list+1 NVD3.js+1 Object location+1 Optimization+1 Oval+1 php.ini+1 PIE+1 placeholder+1 Plugins+1 POST+1 Pricing table+1 Programmer+1 progress+1 Progress bar+1 Python+1 Redirect+1 Request method+1 RGBA+1 Ruby+1 script+1 Scrum+1 Selection+1 setInterval+1 Shape+1 Software standard+1 SQL injection+1 Star+1 stdClass+1 String+1 Substring+1 Swift+1 target+1 Text field+1 Toggle box+1 Toggle button+1 Transitional+1 Triangle+1 Typography+1 Underline+1 Units+1 Unix timestamp+1 Validation+1 Vendor prefix+1 vertical-align+1 Video+1 Web+1 Width+1 Windows+1 X-PHP-Originating-Script+1