jQuery UI Draggable opacity Option Last Updated : 10 Mar, 2021 Summarize Comments Improve Suggest changes Share Like Article Like Report The jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Draggable opacity Option is used to set the opacity for the helper while being dragged. Syntax: $( ".selector" ).draggable({ opacity: val }); CDN Link: First, add jQuery UI scripts needed for your project. <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.12.4.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> Example: HTML <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href= "//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"> <script src= "//code.jquery.com/jquery-1.12.4.js"> </script> <script src= "//code.jquery.com/ui/1.12.1/jquery-ui.js"> </script> <style> h1 { color: green; } #div_element { width: 150px; height: 150px; background: green; display: flex; justify-content: center; align-items: center; text-align: center; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h3>jQuery UI Draggable opacity Option</h3> <div id="div_element">Div content</div> <script> $(function () { $("#div_element").draggable({ opacity: 0.4 }); }); </script> </body> </html> Output: Reference:https://api.jqueryui.com/draggable/#option-opacity Comment More infoAdvertise with us Next Article jQuery UI Draggable scope Option P ppatelkap Follow Improve Article Tags : Web Technologies JQuery jQuery-UI Similar Reads jQuery UI Draggable option() Method jQuery Mobile is a web-based technology that can be used to make responsive content for websites that can be accessed on all types of smartphones, tablets, and desktops. In this article, we are going to learn the jQuery Mobile Draggable option() method. Using this method, we can get, set or update a 3 min read jQuery UI Draggable snap Option jQuery UI Draggable consists of options, methods, and events. The snap is one of the option of Draggable. When the snap option is true for any element, it will stick to the other elements that are draggable. We can also use the snap option to another certain element that means we can choose which el 3 min read jQuery UI Draggable grid Option The jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Draggable grid Option is used to set the dragging helper to a grid, every x, and y pixels. The grid value stored in 1 min read jQuery UI Draggable scope Option jQuery UIÂ is a web-based technology and consists of GUI widgets, visual effects, and themes implemented using the jQuery, JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web applications or can be used to ad 2 min read jQuery UI Draggable stack Option jQuery UI is a web-based technology and consists of GUI widgets, visual effects, and themes implemented using the jQuery, JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web applications or can be used to add 2 min read jQuery UI Draggable handle Option jQuery UI Â is a web-based technology and consists of GUI widgets, visual effects, and themes implemented using the jQuery, JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web applications or can be used to ad 2 min read Like