back soft

متن مرتبط با «css3 radial gradient ellipse» در سایت back soft نوشته شده است

Collapse/expand GPU CSS3 smooth transition

  • امروزدخترم رابردم دندانپزشکی .یکی ازهمکاران قدیمی به اسم خانم شریفی رادیدم خوشحال شدم ،راستش برای من فرقی نمی کنه که خاطره خوب ازهمکارام داشته باشم یانه وقتی بعدازمدتهااونهارامی بینم خوشحال میشم،بعدرف, ...ادامه مطلب

  • D3.js Adding links between elements in a radial tree (Hierarchical edge bundling elements)

  • Vote count: 0 A couple of months ago, I tried combining Hierarchical Edge Bundling and Radial Reingold–Tilford Tree using d3.js I started from the HEB and tried to make it into a tree. Things have not worked out the way I wanted, and I realized it might be better to start from a collapsible radial tree (not Reingold Tilford), with a different angle. Here is a JSFiddle of the radial tree The data model has also changed, as elements now have a name, children and imports (links). var flare = { "name": "root", "children": [ { "name": "test1.parent1","children": [ {"name": "test1.child11","children": [ {"name": "test1.child111"}, {"name": "test1.child112"} ]} ],"imports": ["test2.parent2","test3.parent3","test4.parent4"] }, { "name": "test2.parent2","children": [ {"name": "test2.child21"}, {"name": "test2.child,d3 js add links,d3 js append link ...ادامه مطلب

  • CSS3 radial gradient

  • Vote count: 0 I need to know if this is even possible. The "creative" photoshop department comes up with this image, and before it was just a gradient fading from 1 to 5 colors. They still do this, but they now how a white circle on top of it. How would i even go about accomplishing this. the examples syntax have no exact positioning. Many thanks in advance. asked 18 secs agoMichael Rudner Evanchik Let's block ads! بخوانید,css3 radial gradient,css3 radial gradient generator,css3 radial gradient background,css3 radial gradient position,css3 radial gradient animation,css3 radial gradient with transparency,css3 radial gradient ellipse,css3 radial gradient syntax,css3 radial gradient examples,css3 radial gradient size ...ادامه مطلب

  • gradient angular js not responding

  • Vote count: 0 i am trying to use gradient for my charts with angularjs1 using angular-chart.js version 1.0.0 but it seems that fillcolor does not recognize gradient here is my code down below var app = angular.module('starter', ['ionic', 'ngCordova', 'chart.js', 'ionic-modal-select']).controller('graphCtrl', function($scope) { var ctx = document.getElementById('base2').getContext('2d'); var gradient =ctx.createLinearGradient(0, 0, 0, 400); gradient.addColorStop(0, 'rgba(243, 103, 101,0.5)'); gradient.addColorStop(1, 'rgba(0, 89, 179,0.5)'); $scope.labels2 = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']; $scope.data2 = [ [65, -59, 80, 81, -56, 55, -40], [28, 48, -40, 19, 86, 27, 90] ]; $scope.type2 = 'bar'; $scope.colors2 = [{ fillColor: gradient, strokeColor: 'rgba(151,187,205,1)', pointColor: 'rgba(151,187,205,1)', pointStrokeColor: '#fff', pointHighlightFill: '#fff', pointHighlightStroke: 'rgba(151,187,205,0.8)' }, { pointDot: false, pointDotRadius: 0, fillColor: gradient, strokeColor: 'rgba(187,155,206,1)', pointColor: '#BB9BCE', pointStrokeColor: 'rgba(187,155,206,1)', pointHighlightFill: '#fff', pointHighlightStroke: 'rgba(187,155,206,1)' }]; $scope.datasetOverride2 = [{ label: "Bar chart", borderWidbelowbelowth: 1, type: 'bar' }, { label: "Line chart", borderWidth: 3, hoverBackgroundColor: "rgba(255,99,132,0.4)", hoverBorderColor: "rgba(255,99,132,1)", type: 'line' }]; }); <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div class="chart-container" > <canvas id="base2" class="chart-base" chart-type="type2" chart- data="data2" chart-labels="labels2" chart-colours="colors2" chart- options="options2" chart-dataset-override="datasetOverride2" > , ...ادامه مطلب

  • Android SVG with Gradient on API +17

  • Vote count: 0 I decide to create my own splash screen for my android applications, i want to draw path and fill my brand logo as a SVG with Animation, so i searched about android SVG libraries and then find this : https://github.com/jaredrummler/AnimatedSvgView this library has a good performance on solid colors: Screen shot from emulator Question: My logo has gradient patte and this library and other libraries i've searched before doesn't support gradient. i created a xml gradient into drawable : radial_gradient.xml <?xml version="1.0" encoding="utf-8"?> <shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:type="radial" android:startColor="#34364E" android:endColor="#0C0824" android:gradientRadius="100" android:angle="270" android:centerX="-183.6897" android:centerY="328.9722"/> </shape> and use it to one of color array items : <integer-array name="svg_path_colors"> <item>@drawable/radial_gradient</item> <item>@color/google_red</item> <item>@color/google_yellow</item> <item>@color/google_blue</item> </integer-array> this trick doesn't work for me please show me a good way for animate my SVG with gradient fill , firt draw SVG path then fill SVG gradient background. THANKS asked 40 secs agoSajjad.Saraji This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.Recommended article from FiveFilters.org: Most Labour MPs in the UK Are Revolting., ...ادامه مطلب

  • CSS3 add cursor transitions

  • Vote count: 0 Is it possible to add a css3 transition to a cursor image which in the body tag without animate the whole body ... perhaps adding the class somewhere? .cursor { cursor: url("/images/light1_CROP.png"), auto; animation-iteration-count: infinite; animation-name: changewidth; animation-direction: alteate; animation-duration: 4.1s; } [...] won't work ... asked 39 secs agoShorty Let's block ads! بخوانید, ...ادامه مطلب

  • CSS3 keyframes animation on click (with addClass). How to restart CSS3 animation with adding css class?

  • Vote count: 0 I have a problem. Im using Bounce.js to create nice menu animations (with some cool effects). Bounce.js using css keyframes animations which can be problematic to restart. I got menu and when I click a button and when .show class is added it should fire show animation. But when I press that button again hide class should be added with hide animation (which is just reverse version of previous animation). Js is working (classes are adding and removing properly) but animation is fired only once - and there is no hiding animation (menu element just disappears with out animating it self). asked 1 min agobo2fr4g 1 Answer Vote count: 0 You can do it in a serval ways. One way is to trigger re-flow of the element before adding animation class to it. element.offsetWidth = element.offsetWidth; For example (vanilla JS): if (element2.classList.contains('show')) { element2.classList.remove("show"); //restarting css3 keyframe animation **element2.offsetWidth = element2.offsetWidth;** element2.classList.add("hide"); }else{ element2.classList.remove("hide"); //restarting css3 keyframe animation **element2.offsetWidth = element2.offsetWidth;** element2.classList.add("show"); } jQuery version: if(settingPopup.hasClass('show')){ settingPopup.removeClass('show'); //line below is a fix to restart css3 keyframe animation //settingPopup.outerWidth(settingPopup.outerWidth) settingPopup.outerWidth(settingPopup.outerWidth).addClass('hide'); }else{ settingPopup.removeClass('hide'); //line below is a fix to restart css3 keyframe animation //settingPopup.outerWidth(settingPopup.outerWidth) settingPopup.outerWidth(settingPopup.outerWidth).addClass('show'); } And here is working fiddle for it: https://jsfiddle.net/zpawpvke/1/ Based on: https://css-tricks.com/restart-css-animation/ answered 1 min agobo2fr4g Let's block ads! بخوانید, ...ادامه مطلب

  • Theano gradient with function on tensors

  • Vote count: 0 I have a function that calculates a value of a scalar field on a 3D space, so I feed it 3D tensors for x, y and z coordinates (obtained by numpy.meshgrid) and use elementwise operations everywhere. This works as expected. Now I need to calculate a gradient of the scalar field. I've been playing around with theano.tensor.grad and theano.tensor.jacobian and I don't understand how a derivative of elementwise operation is supposed to work. This is a MWE that I don't understand: import theano.tensor as T x, y = T.matrices("xy") expr = x**2 + y grad = T.grad(expr[0, 0], x) print(grad.eval({x: [[1, 2], [1, 2]], y: [[1, 1], [2, 2]]})) It prints [[ 2. 0.] [ 0. 0.]] while I would expect [[ 2. 4.] [ 2. 4.]] I also tried with jacobian: import theano.tensor as T x, y = T.matrices("xy") expr = x**2 + y grad = T.jacobian(expr.flatten(), x) print(grad.eval({x: [[1, 2], [1, 2]], y: [[1, 1], [2, 2]]})) which retus [[[ 2. 0.] [ 0. 0.]] [[ 0. 4.] [ 0. 0.]] [[ 0. 0.] [ 2. 0.]] [[ 0. 0.] [ 0. 4.]]] (the nonzero elements together would give me my expected matrix from the previous example) Is there some way to get the elmentwise gradients I need? Can I for example somehow define the function as scalar (three scalars into a scalar) apply it elementwise over the coordinate tensors? This way the derivative would also be just a simple scalar and everything would work smoothly. asked 1 min agocube Let's block ads! بخوانید, ...ادامه مطلب

  • UIView with gradient layer not conforming to constraints set

  • Vote count: 0 In viewDidLoad, I instantiate a UIView and add a gradient layer to that UIView. This works well on iPhone, but on iPad, UIView does not stretch out to fill the entire screen. Please note the following screenshot for iPad sim. iPad simulator screenshot I have attempted adding constraints both programmatically and by using XCode. It seems that once I add the CAGradientLayer, the UIView does not conform to the constraints that I set, either programmatically or using XCode tools. Sample Code: gradientLayer = CAGradientLayer() gradientLayer.frame = self.view.bounds gradientLayer.locations = [0.5, 1.0] gradient_View.backgroundColor = UIColor.blueColor() let color1 = self.opus_Page_Background_Color.CGColor as CGColorRef let color4 = self.opus_Page_Tertiary_Color.CGColor as CGColorRef gradientLayer.colors = [color1, color4] self.gradient_View.frame = self.view.bounds self.gradient_View.layer.insertSublayer(gradientLayer, atIndex: 0) gradient_View.translatesAutoresizingMaskIntoConstraints = false let leadingConstraint = NSLayoutConstraint(item: gradient_View, attribute: NSLayoutAttribute.Leading, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Leading, multiplier: 1, constant: 0) leadingConstraint.active = true view.addConstraint(leadingConstraint) let trailingConstraint = NSLayoutConstraint(item: gradient_View, attribute: NSLayoutAttribute.Trailing, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Trailing, multiplier: 1, constant: 0) trailingConstraint.active = true view.addConstraint(trailingConstraint) let widthConstraint = NSLayoutConstraint(item: gradient_View, attribute: NSLayoutAttribute.Width, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: 100) view.addConstraint(widthConstraint) let heightConstraint = NSLayoutConstraint(item: gradient_View, att, ...ادامه مطلب

  • جدیدترین مطالب منتشر شده

    گزیده مطالب

    تبلیغات

    برچسب ها