Home
Search results “Css opacity style”
How to add CSS Blur and Opacity(Transparent) into Background Image or Color | Quick Tutorial
 
03:03
This videos will show you how you can blur your image or color background or add opacity. Follow Us Facebook: http://bit.ly/2srBAX7 Twitter: http://bit.ly/2tAEvgG Instagram: http://bit.ly/2tbfnKn css blur | css background color opacity | transparent background color | css image filter | how to blur background | blur background effect | blur image background | css blur filter | transparent background css | html transparent background | css3 opacity | css semi transparent background | html transparent color How to add text shadow? watch: https://www.youtube.com/watch?v=hJEjWI59iE8 Subscribe to us : https://www.youtube.com/channel/UCaU1VsZaFQ1hHq8P2dGrJMw?sub_confirmation=1 CSS Placeholder Color https://www.youtube.com/watch?v=HHhC67Gtalo How to disable someone from copying texts in your website: https://www.youtube.com/watch?v=a2MS1jd9M_w How to properly add background image with CSS: https://www.youtube.com/watch?v=dfqR3sEnj6k How to center a div inside a div: https://www.youtube.com/watch?v=RCoQOS4s5ls How to create unordered list without bullets: https://www.youtube.com/watch?v=_KXobsfRlPQ
Views: 56884 garnatti one
CSS Background Opacity
 
09:26
So we can make a box where its contents are transparent but the borders / text / etc are all visible. This is made possible with RBGA values.
Views: 23943 optikalefx
CSS Tutorial For Beginners 48 - Opacity
 
07:12
I know, I know, I said that this CSS tutorial was going to be about gradients. But I thought I'd run through opacity first of all, because it's a really cool property that ties in with the rgb background property. Opacity in CSS controls how transparent an element is, and ranges from 0 (completely transparent) to 1 (completely opaque). SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML Basics Course ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Views: 10906 The Net Ninja
CSS Hover Effects | Fade In Background Opacity(transparent)
 
04:20
Get the Code here: http://www.22bulbjungle.com/css-hover-effects-fade-text-background-source-code/ This video is going to show you how to create a CSS hover effect that makes pops over a text and button with a lower opacity background Follow Us Facebook: http://bit.ly/2srBAX7 Twitter: http://bit.ly/2tAEvgG Instagram: http://bit.ly/2tbfnKn css hover effects, css hover transition background color, css fade image on hover, css3 hover effects, hover html, css background transparent, css on hover, css image hover effects, smooth hover effect css, css hover transition effects, css fade in and out
Views: 21398 garnatti one
Opacity - Webflow CSS tutorial
 
01:45
Changing the opacity of an element affects its transparency level, as well as all its children. You can also change the opacity of a color of a specific style property, like a background color or border color. This is useful if you want to ly transparency to a specific style property without affecting its child elements. In this video, we'll show you how to set opacity on an element, and how to use opacity in hover effects. ---------- Get started with Webflow: https://help.webflow.com/courses/getting-started http://webflow.com http://twitter.com/webflow http://facebook.com/webflow
Views: 4391 Webflow
Full Width Background Image with Transparent Overlay
 
09:22
Learn React For Free On My Youtube Channel (2018)! https://danzuzevich.com/react-thumbnail-gallery/
Views: 91708 Dan Zuzevich
How to Render Transparent Web Site Elements : CSS Opacity Tutorial
 
03:58
Forget this video. Using rgba() or hsla() color values is much easier, you don't need to layer things, just make the container background color opacity set using rgba() or hsal(). http://www.developphp.com/lib/CSS/Color-Values
Views: 47517 Adam Khoury
CSS Transparency and Opacity
 
04:19
Depending on which CSS property you choose you will have different transparency or opacity effects on your HTML elements. There are three CSS properties that are discussed in this tutorial - opacity, background-color, and color. The color methods hsla and rgba are also covered in this context. Code GIST: https://gist.github.com/prof3ssorSt3v3/62bf7abfd11620fe75fcfbb6fafc2837
Views: 104 Steve Griffith
Shadows, Opacity & Border Radius | CSS | Tutorial 7
 
05:52
Giraffe Academy is rebranding! I've decided to re-focus the brand of this channel to highlight myself as a developer and teacher! The newly minted Mike Dane channel will have all the same content, with more to come in the future! Source Code - http://www.mikedane.com/web-development/css/ This video is one in a series of videos where we'll be looking at styling websites with CSS. The course is designed for new web developers, and will introduce common web development and styling concepts using the CSS language. Throughout the course we'll be looking at various topics including colors, margins, padding, positioning, selectors and much more. If you’re enjoying Giraffe Academy and want to invest in our future, consider leaving a contribution http://www.mikedane.com/contribute Links: Website - http://www.mikedane.com/ Facebook - https://www.facebook.com/giraffeacademy/ Twitter - https://twitter.com/GiraffeAcademy
Views: 1531 Mike Dane
Transparent Login Form with floating Placeholder Text - Pure CSS Label Slide Up on Focus - No jQuery
 
12:17
Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Views: 150338 Online Tutorials
CSS Tutorial for Beginners - 58 - Lets combine opacity and gradient
 
04:03
In this video lets combine opacity and gradient. HTML Code: http://pastebin.com/SJVk1x4t CSS Code: http://pastebin.com/0kDQLErU
Views: 33170 EJ Media
CSS Transparent Text Effects - CSS blend mode Text Effects - Glass Text Effects Tutorial
 
04:20
Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Views: 14047 Online Tutorials
CSS Transparent Div Background | Quick CSS Tips and Tricks
 
03:29
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Skylike - Dawn Link: https://youtu.be/Jg9nDEtqWV0
Views: 5027 Online Tutorials
CSS Tutorial z-index Layering with Opacity For Text That Will Not Fade
 
10:48
Forget this video. Using rgba() or hsla() color values is much easier, you don't need to layer things, just make the container background color opacity set using rgba() or hsal(). http://www.developphp.com/lib/CSS/Color-Values
Views: 23328 Adam Khoury
CSS Tutorial for Beginners - 56 - Opacity property Part 1 - Working against a DIV
 
03:21
In this video we review the opacity property. HTML Code: http://pastebin.com/5PQj0d68 CSS Code: http://pastebin.com/03kQcb8T
Views: 34399 EJ Media
Amazing Transparent Login Form Just By Using HTML & CSS
 
06:06
DarkCode in Facebook https://www.facebook.com/groups/704904666369941/ Paypal Donation Link https://paypal.me/YBenlachheb Download files : https://goo.gl/GcSkwJ Music 1 Nom : Syn Cole - Feel Good [NCS Release] Link : https://www.youtube.com/watch?v=q1ULJ92aldE Syn Cole • https://soundcloud.com/syncole • https://www.facebook.com/SynCole • https://twitter.com/SynColeOfficial • https://www.instagram.com/SynCole/ Music 2 Nom : TULE - Fearless [NCS Release] Link : https://www.youtube.com/watch?v=9rujCfYXhQc [TULE] • https://soundcloud.com/tuleofficial • https://facebook.com/TULE.official
Views: 103490 DarkCode
CSS Background Image Color Overlay | Color Filter Quick Tutorial
 
03:15
This video is going to show you how to add CSS Background Image Color Overlay or tinted background image. Read the Article: http://www.22bulbjungle.com/background-image-color-overlay-create-a-filter-look-with-css/ Follow Us Facebook: http://bit.ly/2srBAX7 Twitter: http://bit.ly/2tAEvgG Instagram: http://bit.ly/2tbfnKn css background image color overlay , overlay color on image css, css overlay color on image, css filter color overlay, color overlay image css, css color overlay, css filter, overlay color, css image overlay, background image, css background image, css overlay, image overlay, overlay pictures, overlay text on image, tinted image, tinted background image, css tinted image Subscribe to us : https://www.youtube.com/channel/UCaU1VsZaFQ1hHq8P2dGrJMw?sub_confirmation=1 Make a DIV the same Width and Height as Image https://www.youtube.com/watch?v=ksYaUXsJu_Y MARGIN VS PADDING watch here: https://www.youtube.com/watch?v=MwBqer-xRy8 Change CSS Selection Color. watch: https://www.youtube.com/watch?v=Zgj5gKxx6aY Add custom Fonts in CSS: https://www.youtube.com/watch?v=D2bO-_RX7MA CSS Placeholder Color https://www.youtube.com/watch?v=HHhC67Gtalo How to disable someone from copying texts in your website: https://www.youtube.com/watch?v=a2MS1jd9M_w How to properly add background image with CSS: https://www.youtube.com/watch?v=dfqR3sEnj6k How to center a div inside a div: https://www.youtube.com/watch?v=RCoQOS4s5ls How to create unordered list without bullets: https://www.youtube.com/watch?v=_KXobsfRlPQ
Views: 33285 garnatti one
How to Create Transparent Drop Down Navigation Menu with CSS and HTML
 
12:02
Hey guys, I'm now using Patreon to share improved and updated video lesson material. For a small fee you can access all the downloadable files from this lesson (source code, icons & graphics, cheat sheets) and everything else included in the video from the Patreon page. Additionally, you will get access to ALL Clever Techie videos in HD format with no ads. Thank you so much for supporting Clever Techie :) Download this video's files here: https://www.patreon.com/posts/inserting-data-20819049 ( You also get access to ALL source code and any downloadable content of ALL Clever Techie videos, as well as access to ALL videos in HD 1080p quality format with all video ads removed! ) `````````````````````````````````````````````````````````````````````````````````````````````` ( Website ) https://clevertechie.com - PHP, JavaScript, Wordpress, CSS, and HTML tutorials in video and text format with cool looking graphics and diagrams. ( YouTube Channel ) https://www.youtube.com/c/CleverTechieTube ( Google Plus ) https://goo.gl/J71p6f - clever techie video tutorials. ( Facebook ) https://www.facebook.com/CleverTechie/ ( Twitter ) https://twitter.com/theclevertechie
Views: 791638 Clever Techie
CSS Image Opacity
 
09:01
CSS Image Opacity
Views: 1761 Frazier O'Leary
How To Create Transparent Menu With Icons Using HTML and CSS
 
10:34
How To Create Transparent Menu With Icons Using HTML and CSS | Navigation menu design with icon. Here in this videos tutorial you will learn how to create transparent navigation menu with icon in webpage using HTML and CSS. Buy Hosting: http://bit.ly/WebHostingOffer Cheapest Hosting: http://in.hostg.co/14920 Here is the step for creating Transparent menu with icon 1. Create navigation menu in HTML file 2. Style menu with CSS code 3. Link CSS file with HTML file 4. Add Font Awesome Icon CSS link to HTML file Find CSS link here: https://www.bootstrapcdn.com/fontawesome/ 5. Add font awesome icon in menu. 6. Add hover effect on navigation menu Watch our popular videos ----------------------------------------- Create Drop Down Menu using HTML & CSS https://www.youtube.com/watch?v=XDFyUPoak34 Create Login & Registration form Using HTML & CSS https://www.youtube.com/watch?v=GAOBXGPuKqo Create a Web Page using HTML and CSS https://www.youtube.com/watch?v=a2UnYs9AA_M Like and Subscribe ------------------------------ YouTube: https://www.youtube.com/c/EasyTutorialsVideo?sub_confirmation=1 Facebook: https://www.facebook.com/EasyTutorialsVideo/
Views: 50355 Easy Tutorials
CSS how to: opacity
 
05:06
How to create opaque elements in CSS. Opacity means that they are able to be seen through to the things behind them. You can position elements directly behind one another and make the front one slightly see through. This great when you have a background with a lovely design. The pattern will still show through a little when you make your content slightly opaque. http://www.technoblogical.com/web-design/ Providing training since last Tuesday http://www.technoblogical.com Thanks for watching!
Views: 13292 Chris Walker
Transparent Background with CSS
 
04:13
Learn how to make transparent backgrounds for your text and images using only CSS. Learn differences between HEX and RGBA color modes and how to convert any HEX color into a transparent one. Project Resources ----------------------------------------------------------------------------------------------------------- http://www.mediafire.com/download/aoabk8aekhuks31/How_do_I_give_text_or_an_image_a_transparent_background_using_CSS.7z Tools ----------------------------------------------------------------------------------------------------------- HEX to RGBA converter: http://hex2rgba.devoth.com/ Brackets, FREE code editor http://brackets.io/ Emmet, super speed coding addon http://emmet.io/ Beautify, turning your ugly code into beautiful script https://github.com/brackets-beautify/brackets-beautify Transcription ----------------------------------------------------------------------------------------------------------- Hi guys, today we will learn how to give a text or an image of transparent background using CSS, it's pretty easy so let's do this. Okay, let's add a one line of text, for example, paragraph of this is a text, with red background. Okay, in our main CSS file let's style a bit our paragraph text, so we can say they background color to be red. We have these background of red and let's say just add some padding so we can see better for example 20 pixels, okay, we had our red background but, it's not transparent. To make backgorund transparent we need to convert a this hex code into our RGBA code. Okay, we need to go to the this website it's a hextorgba.devoth.com it's a super easy method to convert your hex value. We got our hex value of red and we just say HEX to RGBA and on the right side we will get two values of this color, but our value we need value, it's bottom one, because it has this one extra number. I can, I will show you why is this important. Copy this RGBA and paste it back instead of your hex code. Okay, we paste these RGBA code and nothing happens of course. It will never happen in the first time because this is a web development :) you need to point, click and find out what is wrong. In this case, the wrong is this number one. We need to change this number one into 0.5 this is a 50% transparency, if we want 20% just add .2 or .1 You can see this is more transparent, and it's super easy. One thing only, you can write to these last number, it stands for alpha, because this is a red, green, blue, and alpha. Alpha controls the transparency. If we don't have alpha, we have nothing. Okay, let's say it's a 30%, you can write also with only a dot and a number tree, you can add a zero here but it will do nothing. So, I'll just write this like .3 lets now and background transparency for our image. Okay let's add our image, image I will say it's the image, image goes to image folder and one image of motherboard. In our main CSS we will add also in the image tag, we will add and also this background color, right, and you can't, you can't see the background color because it's the same as the image size. So, we add just some padding to squeeze that content inside, for example 30 pixels. And that's it guys. It's a pretty simple, okay, let's say it's a 70%. We made some border around it and it's a pretty easy to do this, so don't forget that you need to convert your hex to RGBA and you are good to go. Thank you and bye-bye!
Views: 7786 Filip Delac
Transparent navigation menu bar - fixed top on scroll page , using Html Css and Js
 
10:23
download code :- http://bit.ly/2FrEltX In this video tutorial you will learn about , how to make a transparent navbar , fixed to top when scrolling web page with html css and javascript... . .
Views: 36285 Web Zone
Transparent Button With Border Using CSS Create by VRPawar
 
08:11
Plz SUBSCRIBE My Channels for the Daily Videos Transparent Button With Border Using Pure CSS By VRPawar Plz SUBSCRIBE My Channels for the Daily Videos How to create hover effects, Animation using css properties and also jquery i can show you in this videos. Creating creative ideas using css properties in my videos. Or i will telling you about all css properties & I will making best videos for you. Follow Us Whats App https://chat.whatsapp.com/GifvuFNINQjDXqjlvH4S80 Facebook https://www.facebook.com/VRPWebTutorials/ Gplus https://plus.google.com/u/0/ Please like share and SUBSCRIBE my channel.
Views: 13131 VRP Tutorials
Semi Transparent Website Background Using CSS Div Tag
 
04:21
By adding a CSS rule to the opacity of your main content div tag you can make the background semi-transparent which gives it a cool effect.
Views: 63993 David Shields
CSS - The CSS Opacity Property
 
03:53
O is for Opacity The opacity property specifies how opaque an element is. It takes a value ranging from 0 to 1 where 0 is completely transparent and 1 is completely opaque. In this practical episode we’ll look at how the opacity property works, including some of its downsides. Then we learn how to create a CSS only fading slideshow using opacity and what we learned about @keyframes in Episode 11. https://www.sitepoint.com/
Views: 123 badell maman
Opacity with text in CSS (Hindi)
 
09:11
Topics: How to make Text background transparent Make sure you have basic knowledge of HTML before watching Cascading Style Sheet (CSS) Tutorials. You can find out our HTML Complete Video tutorials : http://goo.gl/O254f9 Feel free to share this video: CSS Complete Video Tutorial Playlist: https://goo.gl/1QNdiB Check Out Our Other Playlists: https://www.youtube.com/user/GeekyShow1/playlists SUBSCRIBE to Learn Programming Language ! http://goo.gl/glkZMr Learn more about subject: http://www.geekyshows.com/ __ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ___ T A L K W I T H M E ! Business Email: [email protected] Youtube Channel: https://www.youtube.com/c/geekyshow1 Facebook: https://www.facebook.com/GeekyShow Twitter: https://twitter.com/Geekyshow1 Google Plus: https://plus.google.com/+Geekyshowsgeek Website: http://www.geekyshows.com/ ___ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) ___
Views: 1028 Geeky Shows
Simple CSS Color Overlay For Background Images
 
08:11
This video will show you how to create a simple color overlay using only HTML and CSS. Code used for this video: https://codepen.io/ieatwebsites/pen/wpJmXo Music by: Nicolai Heidlas Music - Chase Your Dreams https://soundcloud.com/nicolai-heidlas
Views: 14847 iEatWebsites
What is css opacity ? How to Use opacity in CSS ? Make transparent elements Using Opacity
 
15:38
CSS Tutorials - https://www.youtube.com/watch?v=co7hE1SETtk&list=PLAsPrIlN9FQcE--Ne4DoevQC0b4DGccMu HTML Tutorials - https://www.youtube.com/watch?v=5bl0WBYpHwY&list=PLAsPrIlN9FQc8lM1vSDAEaad6ATR6whMd Tags : css background transparent css blur background css background image opacity css blur background behind div transparency css background color css background color opacity background image color change css css background image color css background image opacity without affecting text background image opacity html body background image opacity background color opacity css background image css css fade background image change background opacity css css tricks background image opacity
Views: 83 Reecry
how to create transparent layer using html css  | css opacity with z-index
 
08:31
how to create transparent layer using html css ,how to use css opacity to create transparent div , z-index is used to create layer of div and set div layer position absolute is used to set location of div for more video visit my blog http://html5css3sourcecode.blogspot.in/?m=1
Views: 242 Prakash Sonar
W3Schools CSS Image Transparency Tutorial
 
04:03
Video tutorial from the CSS Image Opacity / Transparency chapter of the CSS tutorial on w3schools.com http://www.w3schools.com/css/css_image_transparency.asp
Views: 16482 w3schools.com
Elements opacity in CSS in Hindi
 
03:24
Visit Website @ http://www.vishacademy.com
Views: 18375 vishAcademy
Opacity with Image in CSS (Hindi)
 
07:24
Topics: How to make image transparent in CSS, How to Create Image Hover effect Make sure you have basic knowledge of HTML before watching Cascading Style Sheet (CSS) Tutorials. You can find out our HTML Complete Video tutorials : http://goo.gl/O254f9 Feel free to share this video: CSS Complete Video Tutorial Playlist: https://goo.gl/1QNdiB Check Out Our Other Playlists: https://www.youtube.com/user/GeekyShow1/playlists SUBSCRIBE to Learn Programming Language ! http://goo.gl/glkZMr Learn more about subject: http://www.geekyshows.com/ __ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ___ T A L K W I T H M E ! Business Email: [email protected] Youtube Channel: https://www.youtube.com/c/geekyshow1 Facebook: https://www.facebook.com/GeekyShow Twitter: https://twitter.com/Geekyshow1 Google Plus: https://plus.google.com/+Geekyshowsgeek Website: http://www.geekyshows.com/ ___ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) ___
Views: 934 Geeky Shows
CSS Box Style Image Transparency
 
05:48
PlugNedit.com Online HTML Visual Editor WordPress users can find the plugin at: http://wordpress.org/plugins/plugnedit/ PlugNedit's Visaul Editor provides all the tools of a HTML editor with a twist, the items are easily placed on the page, moved around and stacked on top of each other. The visual editor plugin is useful for anyone that has a WordPress site or stand alone plugin for any site, it's a simple to use WYSIWYG drag and drop visual HTML editor with advanced options.The visual editor contains a new section for building HTML web pages outside your wordpress template ( Landing Page ). Plug & Edit WYSIWYG Drag And Drop Visual HTML Editor does not modify your WordPress editor and is safe to install with other Plugins that do. The editor is located at Plugnedit.com, in order to use media files you will need to import links of your media which are stored temporarily. Plug & Edit Drag And Drop Visual HTML Editor and blog page builder for WordPress is a tool that allows specialized formatting of text on images, and other unique formatting for blog entries. The WYSIWYG builder is based on floating layers and palette menu control interface that allows for drag and drop movement of text and pictures and the ability to stack text and pictures and videos on top of one another.
Views: 11348 John Brown
CSS Image Opacity and Text Transparency
 
03:31
CSS Image Opacity and Text Transparency
Views: 53 Professor Saad
CSS & HTML Tutorial #15: Opacity Property
 
02:45
Help keep these videos going: https://www.paypal.me/jupitershane In this tutorial we cover the css opacity property. The opacity property affects the visibility of an element on the page
Views: 2202 jupitershanestap
Responsive Menu bar Design With Html and CSS - Transparent Menu with CSS Media Query - Tutorial
 
13:47
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Name : Spring In My Step by Silent Partner from YouTube Audio Library Music URL : https://www.youtube.com/watch?v=siCmqvfw_1g
Views: 25941 Online Tutorials
CSS - Transparent Text And Opaque Background
 
04:22
Note : Add body,html { height:100%; } I'm showing some of the uses of mix-blend-mode. Code used for black theme : https://codepen.io/zFunx/pen/EbOQow Code used for white theme : https://codepen.io/zFunx/pen/vWQdjv mix-blend-mode does not work with IE and it's under consideration in Edge https://developer.microsoft.com/en-us/microsoft-edge/platform/status/mixblendmode/
How to create transparent navigation bar using html and css
 
14:58
Please watch: "how to create a website using html and css step by step website tutorial" https://www.youtube.com/watch?v=wLcG3FpmU54 --~-- In this video you will learn how to create transparent navigation bar using html and css ---------------------------------------------- Facebook Page : https://www.facebook.com/Rvwebtutorials/ =============********============== Check some popular videos on my channel: css positioning explained with examples (static,relative,absolute,fixed):- https://youtu.be/L_B2RZm-5VI ---------------------------------------------- css image hover effect - Css Tutorial - Css3 Hover Effect:- https://youtu.be/gu8AceXa5Pg ---------------------------------------------- how to change text selection color in html and css:- https://youtu.be/gCGnwS2uRdw ---------------------------------------------- how to make Simple css3 loading animation:- https://youtu.be/1pC_r_AKlmg ---------------------------------------------- How to create contact form using html and css:- https://youtu.be/ubCG1evvZws ---------------------------------------------- How to make fullscreen video background using html and css:- https://youtu.be/1RrR_d4yGJ8 ---------------------------------------------- Advance text shadow hover effect using html and css:- https://youtu.be/FFhDA5XB3CA ---------------------------------------------- How to create fixed navigation bar using html and css:- https://youtu.be/2M3QXuBDQBM ---------------------------------------------- how to create animated Dropdown menu using html and css:- https://youtu.be/EGr4rEgmJ9E ---------------------------------------------- how to create hero image using html and css:- https://youtu.be/3xLfTaMZkEI ---------------------------------------------- simple parallax effect using html and css:- https://youtu.be/Y4_JLIherrw ---------------------------------------------- How to create login form using Html and css:- https://youtu.be/bORk1gxHPaU ---------------------------------------------- How to create animated search bar using Html and css:- https://youtu.be/JaQSzSn0cIQ
Views: 77392 Web dev
Customize Bootstrap 4 NAVBAR | CSS only
 
08:41
The background image : https://goo.gl/ULB5SA CSS code : .mynav{ background-image: url('../img/bg-nav.jpg'); height:500px; } .navbar{ background-color: transparent !important; } .navbar .navbar-brand{ color : #FFF; font-weight: bolder; font-size: 1.3em; } .navbar .navbar-nav{ margin : 0 auto; } .navbar .nav-item a{ color: #FFF !important; } .navbar .dropdown-menu{ background-color: rgba(0,0,0,0.3); } .dropdown-item:hover{ background-color: rgba(0,0,0,0.3); } .navbar form button{ background-color: #ea00b1; color:#FFF; border:0; } .navbar form button:hover{ background-color: #000; }
Views: 17972 Code Explained
CSS and CSS3 Colors Hex, RGB , RGBA, HSL, HSLA and Opacity
 
13:38
Understanding in Detail CSS and CSS3 Colors and their transparency and Opacity. http://www.ritusachdev.com
Views: 3195 Ritu Sachdev
Transparent Login Form with HTML & CSS - Login form Design
 
12:09
New Fully Transparent Login Form Design : https://www.youtube.com/watch?v=hQoQMHnOtXo Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Download Link : https://drive.google.com/file/d/19BoLxbLlx4c7DwWeIbeTm-IH1sVlFQkA/view?usp=sharing
Views: 250554 Online Tutorials
create a  transparent  div box  using css   | responsive container tutorial | web zone
 
08:46
in this video tutorial you will learn , how to make a transparent background div box container in html and css , and even container will be responsive ..
Views: 2097 Web Zone
HTML & CSS for Beginners Part 19: Colors with CSS - hex, rgba, and hsla
 
12:51
A bit of a deep dive into the different ways you can control colors with CSS, taking a look at hex, rgb and hsl, as well as how we can add transparency to the colors. --- Half Bit by Kevin MacLeod is licensed under a Creative Commons Attribution licence (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/?keywords=%22half+bit%22 Artist: http://incompetech.com/
Views: 3466 Kevin Powell
Simple transparent navigation menu bar using html and css ..
 
05:56
In this video tutorial you will see , how to make a transparent nav bar with menu hover effects using html and css ...
Views: 3476 Web Zone
Transparency and Opacity in CSS (Tamil)
 
02:44
This video explains about transparency and opacity concepts in Tamil language
Views: 4 Tamil Developer
Color Property || CSS STYLING fonts with color
 
06:56
Color property is very much important for designing our website. for applying color to the font, we use color property. Color:- This property can have values in different ways. It can have color values by name of colour, or can have hex color code with # key or rgb color value or rgba color value. =)Color values by name of color means red, green, blue, orange, khaki etc. hex color code means: six digit code starting with # key and it is =)hexa decimal value so, it has values from 0-9 and a-f; =)Code like #000000 or #ffffff or abcdef or 0a0b0c etc. can be used. rgb value means rgb(0,0,0) =)rgb is a function rgb(red,green,blue) =)value of each red,green and blue can be from 0-255 rgba means:- =) It is similar to rgb function and here a means opacity or transparency of the color. =)value of a can be from 0-1; =)As the value of a decreases transparency of the color increases and it vanishes as it reaches 0 It is very important to learn about color property and its values to be used in designing web page..
Views: 28 Fastart Online
شرح CSS OPACITY IN CSS COURSE #42
 
17:38
الشفافية شرح لغة الانماط الانسيابية سي اس اس Cascading Style Sheets Course شرح CSS OPACITY IN CSS COURSE #42 تعلم الآن لغة CSS بمنتهي البساطة مع هذا الكورس المقدم من اكاديمية حسونة التعليمية دورة HTML من هنا https://www.youtube.com/playlist?list=PLHIfW1KZRIfnXKjZ9UcT5BVt9x19BlItX .............................................. او الشرح القديم من هنا درس 1 https://www.youtube.com/watch?v=nVpCkauHcpY&index=4&list=PLHIfW1KZRIfkoJK8bEZyNsBfmzApb0gH0 ومن هنا درس 2 https://www.youtube.com/watch?v=Ug6TdxHXmcg&index=5&list=PLHIfW1KZRIfkoJK8bEZyNsBfmzApb0gH0 .............................................. تعلم الة حاسبة علي الويب من هنا https://www.youtube.com/playlist?list=PLHIfW1KZRIfkYSpySS9Czt3Dxx2rsvqcN
Views: 1546 Hassouna Academy